HTML5游戲從2014年Egret引擎開發(fā)的神經(jīng)貓引爆朋友圈之后，就開始一發(fā)不可收拾，今年《傳奇世界》更是突破流水2000萬戴已！從兩年多的發(fā)展來看，游戲開發(fā)變得越來越復(fù)雜锅减，需要制作各種炫麗的效果糖儡，還要制作各種基于 2D 或者 3D 的場景。作為一名開發(fā)者上煤，分析了當(dāng)下最火爆休玩，最熱門的HTML5游戲引擎供大家參考，希望大家也能找到屬于自己的那款游戲開發(fā)引擎。

我在github上面收集了四十多款的HTML5開源游戲引擎拴疤，從里面star永部、fork等等參數(shù)分析其流行度，最后綜合各方面元素呐矾，篩選出靠前的十五款（包含三款非開源游戲引擎）

免費

image.png

收費

image.png

1苔埋、Construct 2

Construct 2是一個運行于Windows平臺的游戲制作工具，它可以讓沒有任何編程基礎(chǔ)的用戶在短時間內(nèi)不寫一行代碼快速開發(fā)出一款可運行于所有平臺（Windows蜒犯、Mac组橄、Linux、Android罚随、iOS等）的游戲玉工。免費版可以將游戲?qū)С龀蒆TML5。收費版本分為個人版（79英鎊）和企業(yè)版（259英鎊）淘菩，可以導(dǎo)出所有平臺的版本遵班，同時提供了更多的特效和音樂。如果使用該工具盈利超過5000美元潮改，需要升級到企業(yè)版狭郑。

image

特點：

簡單直觀，入門容易汇在，無需編程也能做游戲翰萨，長處是開發(fā)射擊及動作類的平面游戲，有豐富的英文資料糕殉。

優(yōu)點：

1. 支持多平臺（Android亩鬼，iOS，Windows)
2. 簡單易用糙麦、無需編程知識可以使用丛肮，可實時運行游戲；
3. 提供了大量特效宝与，支持物理效果，有開發(fā)者商城咆瘟，在上面可以購買到各種開發(fā)插件和游戲素材；
4. 強(qiáng)大的事件系統(tǒng)诽里，可以不通過寫代碼來控制游戲邏輯袒餐；
5. 提供了可編程擴(kuò)展的接口，可以自己開發(fā)插件；
6. 完整的文檔以及社區(qū)支持灸眼。

缺點：

1. 非開源卧檐，且中文教程極其匱乏；
2. 由于網(wǎng)頁焰宣，手機(jī)都是相對于電腦來說性能較低的硬件產(chǎn)品霉囚，所以需要開發(fā)者更好的運用系統(tǒng)資源，甚至在windows平臺也是如此匕积，因為其windows的輸出格式也是利用Chrome瀏覽器的內(nèi)核所做盈罐，也就是說本質(zhì)上還是在瀏覽器上運行。

點評：使用最多的HTML5商業(yè)引擎闪唆，更新快且開發(fā)者商城支持非常棒盅粪，推薦！**

2悄蕾、Three.js

Three.js 是一款運行在瀏覽器中的 3D 引擎湾揽，你可以用它創(chuàng)建各種三維場景，包括了攝影機(jī)笼吟、光影库物、材質(zhì)等各種對象。你可以在它的主頁上看到許多精采的演示贷帮。

image

3戚揭、Phaser

Phaser是一款專門用于桌面及移動HTML5 2D游戲開發(fā)的開源免費框架，提供JavaScript和TypeScript雙重支持撵枢，內(nèi)置游戲?qū)ο蟮奈锢韺傩悦裆梗捎肞ixi.js引擎以加快Canvas和WebGL渲染，基于瀏覽器支持可自由切換锄禽。
快速磁滚、免費垂攘、易于維護(hù)晒他，使用Phaser來開發(fā)2D小游戲的優(yōu)勢顯而易見津滞。一方面据沈，開發(fā)者可以直接通過Koding平臺上的VM開發(fā)系統(tǒng)進(jìn)行代碼編寫及預(yù)覽锌介。另一方面孔祸，也可以在支持Canvas的瀏覽器中直接安裝Phaser來進(jìn)行游戲開發(fā)。

image

主要特性：

1. JavaScript惶室、TypeScript雙重支持
2. 內(nèi)置游戲?qū)ο蟮奈锢韺傩?/li>
3. WebGL、Canvas渲染自由切換
4. 完全支持Web音頻
5. 輸入：多點觸控夹界、鍵盤可柿、鼠標(biāo)复斥、MSPointer事件
6. 除了IE 9+、Firefox侣集、Chrome、Safari及Opera等桌面瀏覽器之外缀辩，Phaser還支持Mobile Chrome（Android 2.2+）及Mobile Safari（iOS 5+）等移動瀏覽器臀玄。使用Phaser進(jìn)行游戲開發(fā)沒有任何語言設(shè)定健无，并且累贤，在Phaser官網(wǎng)上臼膏，還提供了非常詳細(xì)的開發(fā)指南嚷硫，想要一探究竟的開發(fā)者不妨直接登陸Phaser查看仔掸。

4嘉汰、Pixi.js

Pixi.js是一款超快的開源HTML5 2D渲染引擎鞋怀，使用帶有Canvas回調(diào)功能的WebGL密似。作為JavaScript的2D渲染器，Pixi的目標(biāo)是贫导，可以提供一個快速且輕量級的2D庫闺金，并能兼容所有設(shè)備败匹。此外掀亩，讓開發(fā)者無需了解WebGL捉蚤，就可以感受到硬件加速的力量缆巧。

image

主要特性：

1. 真正的跨平臺：在今天，開發(fā)工具跨平臺已經(jīng)不是什么稀奇的事了墩莫。不過狂秦，Pixi.js則是一個可以兼容所有設(shè)備的超快HTML5 2D渲染引擎裂问，并且擁有canvas回調(diào)功能的WebGL堪簿，實現(xiàn)真正的跨平臺。
2. 交互式多點觸控：Pixi不僅支持移動和平板設(shè)備虑瀑，還具有完整的多點觸控輸入識別滴须，讓開發(fā)者可以發(fā)揮自己的能力去挖掘出它所有的潛力痛侍。
3. WebGL過濾器：當(dāng)使用WebGL時恋日，Pixi允許你使用自己熟悉且現(xiàn)有的過濾器岂膳。當(dāng)然谈截，你也可以使用自己創(chuàng)建的獨一無二的過濾器，比如自定位移和半色調(diào)效果喻鳄。
4. 著色和混合模式：對設(shè)計師來說除呵，會很喜歡這個，Pixi.js允許用戶著色和使用混合模式就像其他常見的視覺包比如Photoshop或Flash秉剑。
5. 渲染器自動檢測：這個算是Pixi的一大特色诡曙，雖然Pixi是主要作為WebGL 2D渲染器而創(chuàng)建的，但仍支持非WebGL平臺荠雕。其解決方案就是創(chuàng)建一個Canvas回調(diào)系統(tǒng)炸卑，只需一次編碼盖文，Pixi就可無縫管理回調(diào)洒敏。
6. 簡易API：設(shè)計直觀凶伙，易于上手函荣。
7. 資源加載：精靈表單、圖形金拒、字體和動畫數(shù)據(jù)等都可通過Pixi.js來加載和處理。
8. 支持精靈表單（Sprite sheet）睦疫。

5蛤育、egret

Egret 游戲解決方案包含了開源免費的 HTML5 游戲引擎、Egret 項目開發(fā)工具集合腋么、動畫特效制作工具咕娄、原生多平臺打包工具、高效的 HTML5 游戲應(yīng)用加速器珊擂、以及支持多渠道的開放平臺等圣勒。開發(fā)者可以通過Egret項目開發(fā)工具快速、高效的制作及開發(fā)游戲相關(guān)各類內(nèi)容摧扇，加速器將游戲效果提高到與原生游戲相媲美的效果圣贸。制作后的游戲發(fā)布到開放平臺后，有著優(yōu)質(zhì)的渠道資源可以將游戲推薦給更多的用戶扛稽，使得游戲開發(fā)、發(fā)布、推廣變?yōu)橐惑w化內(nèi)容哼转。

image

主要特性：

1. 基于TypeScript及JavaScript技術(shù)，支持Flash到Egret高效轉(zhuǎn)換寓盗，引擎、工具、運行時完整工作流
2. 跨平臺：HTML5,iOS,Android,Windows Phone
3. 全中文文檔：文檔與開發(fā)者社區(qū)齊全
4. 開源免費雨膨，BSD開源協(xié)議杰捂、任意定制及擴(kuò)展

6蒿往、enchantjs

Enchant.js 是個簡單的 JavaScript 框架，可以使用 HTML5 和 JavaScript 來開發(fā)簡單的游戲和應(yīng)用÷薇辏現(xiàn)在還是由 UEI 的 Akihabara 研究中心來開發(fā)和維護(hù)。在線演示

image

7、crafty

Crafty是一個體積小、簡單春感、輕量級的2D的HTML5游戲引擎，它提供了通過Canvas或DOM來繪制實體撵溃，提供了精靈Map以及SAT高級碰撞監(jiān)測支持。它是由個人（Louis Stowasser）創(chuàng)建鹅心，同時由Github上的一些開發(fā)者共同開發(fā)议泵。

image

優(yōu)點

1. 體積小
2. 輕量級引擎厘灼，不會受到框架的太多束縛
3. 同時支持PC和移動平臺瀏覽器

8称诗、turbulenz

Turbulenz是一個開源的HTML5游戲引擎疾就，提供了可以運行在Windows姑荷、MacOS懈费、Linux上的SDK该押，允許開發(fā)人員創(chuàng)建高質(zhì)量和硬件加速的2D、3D游戲丢胚。包括以下功能：異步資源加載勘高、進(jìn)行特效和粒子渲染峡蟋、支持物理效果坟桅、碰撞檢測以及動畫、3D音效支持蕊蝗、支持網(wǎng)絡(luò)交互以及社交網(wǎng)絡(luò)分享仅乓、場景和資源的管理。

image

優(yōu)點：

1. 功能強(qiáng)大蓬戚，同時支持2D和3D
2. 基于MIT協(xié)議的開源引擎

9夸楣、cocos2d-js

cocos2d-js是一款基于Cocos2d-x API的2D開源免費HTML5游戲引擎。它目前通過canvas進(jìn)行渲染子漩，將來會支持WebGL豫喧。它由國內(nèi)Cocos2d-x核心團(tuán)隊主導(dǎo)開發(fā)和維護(hù)，行業(yè)領(lǐng)袖痛单、HTML5大力推動者Google為這個項目提供支持嘿棘。同時，Zynga旭绒、Google等大公司的工程師也參與到它的設(shè)計工作中鸟妙。

image

優(yōu)點：

1. 與Cocos2d的API類似，容易上手
2. 中文文檔齊全挥吵，資料豐富
3. 基于MIT協(xié)議的開源引擎

10重父、playcanvas

PlayCanvas是一個基于 WebGL游戲引擎 的企業(yè)級開源JavaScript框架，它有許多的開發(fā)工具能幫你快速創(chuàng)建3D游戲忽匈。PlayCanvas.js由一個專業(yè)社區(qū)創(chuàng)建房午，最初并不是開源的，但現(xiàn)在你可以在github上fork PlayCanvas.js丹允，然后在你的下一個3D游戲項目中免費使用郭厌。
它還提供了能在瀏覽器中云心的云編輯器，開始使用PalyCanvas和導(dǎo)航到編輯器的URL一樣容易雕蔽。

image

11折柠、melonjs

melonJS是一個全新、輕量級批狐，基于精靈的2D游戲引擎扇售。兼容所有支持HTML5覽器包括：Chrome、Safari嚣艇、Firefox承冰、Opera。支持多聲道食零。提供基本物理和碰撞機(jī)制（以確保CPU的要求低）困乒，一組基礎(chǔ)的實體對象（可擴(kuò)展）。支持補(bǔ)間動畫效果慌洪。一個狀態(tài)管理器（可以輕松管理加載顶燕，菜單凑保，選項和在游戲畫面狀態(tài)的開關(guān)）。提供一些基本的GUI元素涌攻。一個可定制的加載器欧引。

image

12、quintus

Quintus是一款易于上手恳谎、輕量級芝此、開源的HTML5 JavaScript游戲引擎，包含一個模塊化的引擎可輕松開發(fā)游戲因痛，并在同一個頁面上運行多個實例婚苹，支持桌面及移動平臺瀏覽器。Quintus引用面向?qū)ο蟮乃枷雭磉M(jìn)行HTML5游戲開發(fā)鸵膏，同時依賴于jQuery來提供事件處理機(jī)制和元素選取操作膊升。

image

13、ImpactJS

ImpactJS是一個基于JavaScript的HTML5游戲引擎谭企，同時支持PC和移動平臺瀏覽器廓译。它是目前除了Construct2之外最受歡迎的HTML5游戲引擎，使用需要支付99美元债查。

image

ImpactJS 曾經(jīng)風(fēng)靡一時非区，使用ImpactJS 開發(fā)的Z-Type該游戲被國外很多網(wǎng)站評選為二十款優(yōu)秀游戲之一。

優(yōu)點：

1. 提供了靈活的關(guān)卡編輯器盹廷，可以快速構(gòu)建游戲地圖
2. 提供了強(qiáng)大的調(diào)試工具
3. 提供了Ejecta可以將JavaScript的執(zhí)行結(jié)果通過OpenGL渲染出來征绸，可以在iOS平臺上獲得與原生應(yīng)用相近的效率
4. 文檔齊全，有兩本專門介紹ImpactJS開發(fā)的書
5. 支持物理效果
6. 支持自己編寫插件來擴(kuò)展

缺點：

1.非開源俄占，且中文教程極其匱乏管怠；
2.更新慢，功能不夠強(qiáng)大缸榄；

14排惨、GameMaker

GameMaker與Construct 2類似，都是一個游戲制作工具碰凶，可以導(dǎo)出到各個平臺運行，分為免費版鹿驼、標(biāo)準(zhǔn)版（49.99美元）欲低、專業(yè)版（99.99美元）和大師版（799.99美元）。其中免費版只能導(dǎo)出Mac和Windows版本畜晰，導(dǎo)出HTML5需要大師版或者專業(yè)版（再額外支付99.99美元）砾莱。

image

image

優(yōu)點和缺點：

優(yōu)勢與Construct2類似，但性價比不如Construct2高

15凄鼻、Hilo

Hilo腊瑟，一套HTML5跨終端的互動游戲解決方案開源啦聚假！。Hilo支持了多屆淘寶&天貓狂歡城等雙十一大型和日常營銷活動闰非。內(nèi)核極簡膘格，提供包括DOM，Canvas财松，F(xiàn)lash瘪贱，WebGL等多種渲染方案，滿足全終端和性能要求辆毡。

image

主要特性：

1. 極簡內(nèi)核： Hilo核心模塊極精簡菜秦，保留了2D游戲引擎最必要的模塊，同時采用模塊化管理舶掖。
2. 完善接入&擴(kuò)展： Hilo 支持多種模塊范式的包裝版本球昨，包括AMD，CMD眨攘，Standalone多種方式接入主慰。另外，你可以新增和擴(kuò)展需要的模塊和類型期犬。
3. 多種渲染方式：提供DOM河哑，Canvas，F(xiàn)lash龟虎，WebGL等多種渲染方案璃谨，可以做到跨全端，高性能的要求鲤妥。
4. 完善的周邊工具：提供動畫編輯器 佳吞，Yeoman腳手架及典型案例產(chǎn)出的輔助開發(fā)工具。
5. 案例豐富： 支持天貓棉安，手淘多次大型和日车装猓活動，如雙十一贡耽，年中大促等衷模。代表產(chǎn)品如狂歡城。

本文參考數(shù)據(jù)來自：
1.Github
2.html5gameengine

文章來自：
2016年 最火的 15 款 HTML5 游戲引擎