2016年 最火的 15 款 HTML5 遊戲引擎

HTML5遊戲從2014年Egret引擎開發的神經貓引爆朋友圈以後，就開始一發不可收拾，今年《傳奇世界》更是突破流水2000萬！從兩年多的發展來看，遊戲開發變得愈來愈複雜，須要製做各類炫麗的效果，還要製做各類基於 2D 或者 3D 的場景。做爲一名開發者，分析了當下最火爆，最熱門的HTML5遊戲引擎供你們參考，但願你們也能找到屬於本身的那款遊戲開發引擎。

我在github上面收集了四十多款的HTML5開源遊戲引擎，從裏面star、fork等等參數分析其流行度，最後綜合各方面元素，篩選出靠前的十五款（包含三款非開源遊戲引擎）

免費

Name	Updated Time	Watch	Star	Fork	Commits	Contributors
Three.js	2016/3/28	1590	24041	7768	14825	588
Phaser	2016/2/18	837	11782	4095	4423	206
Pixi.js	2016/3/17	656	10063	1942	2860	161
egret	2016/3/30	215	1275	303	4268	25
enchantjs	2016/1/4	185	1445	301	1683	27
crafty	2016/3/21	134	2050	473	1807	106
turbulenz	2015/11/23	271	2544	406	1737	13
cocos2d-js	2016/3/30	162	1207	469	4559	45
playcanvas	2016/3/30	164	1784	368	5142	16
melonjs	2016/3/30	13	1579	371	3907	40
quintus	2016/2/3	136	1023	412	256	33
Hilo	2016/2/3	173	2449	340	20	2

收費

Name	Updated Time
Construct 2	2016/1/18
ImpactJS	2016/1/18
GameMaker	2016/1/18

一、Construct 2

Construct 2是一個運行於Windows平臺的遊戲製做工具，它可讓沒有任何編程基礎的用戶在短期內不寫一行代碼快速開發出一款可運行於全部平臺（Windows、Mac、Linux、Android、iOS等）的遊戲。免費版能夠將遊戲導出成HTML5。收費版本分爲我的版（79英鎊）和企業版（259英鎊），能夠導出全部平臺的版本，同時提供了更多的特效和音樂。若是使用該工具盈利超過5000美圓，須要升級到企業版。

 

 

 

特色：

簡單直觀，入門容易，無需編程也能作遊戲，長處是開發射擊及動做類的平面遊戲，有豐富的英文資料。

優勢：

1. 支持多平臺（Android，iOS，Windows)
2. 簡單易用、無需編程知識可使用，可實時運行遊戲；
3. 提供了大量特效，支持物理效果，有開發者商城，在上面能夠購買到各類開發插件和遊戲素材；
4. 強大的事件系統，能夠不經過寫代碼來控制遊戲邏輯；
5. 提供了可編程擴展的接口，能夠本身開發插件；
6. 完整的文檔以及社區支持。

缺點：

1. 非開源，且中文教程極其匱乏；
2. 因爲網頁，手機都是相對於電腦來講性能較低的硬件產品，因此須要開發者更好的運用系統資源，甚至在windows平臺也是如此，由於其windows的輸出格式也是利用Chrome瀏覽器的內核所作，也就是說本質上仍是在瀏覽器上運行。

點評：使用最多的HTML5商業引擎，更新快且開發者商城支持很是棒，推薦！**

二、Three.js

Three.js 是一款運行在瀏覽器中的 3D 引擎，你能夠用它建立各類三維場景，包括了攝影機、光影、材質等各類對象。你能夠在它的主頁上看到許多精采的演示。

 

 

三、Phaser

Phaser是一款專門用於桌面及移動HTML5 2D遊戲開發的開源免費框架，提供JavaScript和TypeScript雙重支持，內置遊戲對象的物理屬性，採用Pixi.js引擎以加快Canvas和WebGL渲染，基於瀏覽器支持可自由切換。
快速、免費、易於維護，使用Phaser來開發2D小遊戲的優點顯而易見。一方面，開發者能夠直接經過Koding平臺上的VM開發系統進行代碼編寫及預覽。另外一方面，也能夠在支持Canvas的瀏覽器中直接安裝Phaser來進行遊戲開發。

 

 

主要特性：

1. JavaScript、TypeScript雙重支持
2. 內置遊戲對象的物理屬性
3. WebGL、Canvas渲染自由切換
4. 徹底支持Web音頻
5. 輸入：多點觸控、鍵盤、鼠標、MSPointer事件
6. 除了IE 9+、Firefox、Chrome、Safari及Opera等桌面瀏覽器以外，Phaser還支持Mobile Chrome（Android 2.2+）及Mobile Safari（iOS 5+）等移動瀏覽器。使用Phaser進行遊戲開發沒有任何語言設定，而且，在Phaser官網上，還提供了很是詳細的開發指南，想要一探究竟的開發者不妨直接登錄Phaser查看。

四、 Pixi.js

Pixi.js是一款超快的開源HTML5 2D渲染引擎，使用帶有Canvas回調功能的WebGL。做爲JavaScript的2D渲染器，Pixi的目標是，能夠提供一個快速且輕量級的2D庫，並能兼容全部設備。此外，讓開發者無需瞭解WebGL，就能夠感覺到硬件加速的力量。

 

 

主要特性：

1. 真正的跨平臺：在今天，開發工具跨平臺已經不是什麼稀奇的事了。不過，Pixi.js則是一個能夠兼容全部設備的超快HTML5 2D渲染引擎，而且擁有canvas回調功能的WebGL，實現真正的跨平臺。
2. 交互式多點觸控：Pixi不只支持移動和平板設備，還具備完整的多點觸控輸入識別，讓開發者能夠發揮本身的能力去挖掘出它全部的潛力。
3. WebGL過濾器：當使用WebGL時，Pixi容許你使用本身熟悉且現有的過濾器。固然，你也可使用本身建立的獨一無二的過濾器，好比自定位移和半色調效果。
4. 着色和混合模式：對設計師來講，會很喜歡這個，Pixi.js容許用戶着色和使用混合模式就像其餘常見的視覺包好比Photoshop或Flash。
5. 渲染器自動檢測：這個算是Pixi的一大特點，雖然Pixi是主要做爲WebGL 2D渲染器而建立的，但仍支持非WebGL平臺。其解決方案就是建立一個Canvas回調系統，只需一次編碼，Pixi就可無縫管理回調。
6. 簡易API：設計直觀，易於上手。
7. 資源加載：精靈表單、圖形、字體和動畫數據等均可經過Pixi.js來加載和處理。
8. 支持精靈表單（Sprite sheet）。

五、 egret

Egret 遊戲解決方案包含了開源免費的 HTML5 遊戲引擎、Egret 項目開發工具集合、動畫特效製做工具、原生多平臺打包工具、高效的 HTML5 遊戲應用加速器、以及支持多渠道的開放平臺等。開發者能夠經過Egret項目開發工具快速、高效的製做及開發遊戲相關各種內容，加速器將遊戲效果提升到與原生遊戲相媲美的效果。製做後的遊戲發佈到開放平臺後，有着優質的渠道資源能夠將遊戲推薦給更多的用戶，使得遊戲開發、發佈、推廣變爲一體化內容。

 

 

主要特性：

1. 基於TypeScript及JavaScript技術，支持Flash到Egret高效轉換，引擎、工具、運行時完整工做流
2. 跨平臺：HTML5,iOS,Android,Windows Phone
3. 全中文文檔：文檔與開發者社區齊全
4. 開源免費，BSD開源協議、任意定製及擴展

六、enchantjs

Enchant.js 是個簡單的 JavaScript 框架，可使用 HTML5 和 JavaScript 來開發簡單的遊戲和應用。如今仍是由 UEI 的 Akihabara 研究中心來開發和維護。在線演示

 

 

七、crafty

Crafty是一個體積小、簡單、輕量級的2D的HTML5遊戲引擎，它提供了經過Canvas或DOM來繪製實體，提供了精靈Map以及SAT高級碰撞監測支持。它是由我的（Louis Stowasser）建立，同時由Github上的一些開發者共同開發。

 

 

優勢

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

八、turbulenz

Turbulenz是一個開源的HTML5遊戲引擎，提供了能夠運行在Windows、MacOS、Linux上的SDK，容許開發人員建立高質量和硬件加速的2D、3D遊戲。包括如下功能：異步資源加載、進行特效和粒子渲染、支持物理效果、碰撞檢測以及動畫、3D音效支持、支持網絡交互以及社交網絡分享、場景和資源的管理。

 

優勢：
1. 功能強大，同時支持2D和3D
2. 基於MIT協議的開源引擎

 

九、cocos2d-js

cocos2d-js是一款基於Cocos2d-x API的2D開源免費HTML5遊戲引擎。它目前經過canvas進行渲染，未來會支持WebGL。它由國內Cocos2d-x核心團隊主導開發和維護，行業領袖、HTML5大力推進者Google爲這個項目提供支持。同時，Zynga、Google等大公司的工程師也參與到它的設計工做中。

 

 

優勢：

1. 與Cocos2d的API相似，容易上手
2. 中文文檔齊全，資料豐富
3. 基於MIT協議的開源引擎

十、playcanvas

PlayCanvas是一個基於 WebGL遊戲引擎 的企業級開源JavaScript框架，它有許多的開發工具能幫你快速建立3D遊戲。PlayCanvas.js由一個專業社區建立，最初並非開源的，但如今你能夠在github上fork PlayCanvas.js，而後在你的下一個3D遊戲項目中無償使用。
它還提供了能在瀏覽器中雲心的雲編輯器，開始使用PalyCanvas和導航到編輯器的URL同樣容易。

 

 

十一、melonjs

melonJS是一個全新、輕量級，基於精靈的2D遊戲引擎。兼容全部支持HTML5覽器包括：Chrome、Safari、Firefox、Opera。支持多聲道。提供基本物理和碰撞機制（以確保CPU的要求低），一組基礎的實體對象（可擴展）。支持補間動畫效果。一個狀態管理器（能夠輕鬆管理加載，菜單，選項和在遊戲畫面狀態的開關）。提供一些基本的GUI元素。一個可定製的加載器。 

 

 

十二、quintus

Quintus是一款易於上手、輕量級、開源的HTML5 JavaScript遊戲引擎，包含一個模塊化的引擎可輕鬆開發遊戲，並在同一個頁面上運行多個實例，支持桌面及移動平臺瀏覽器。Quintus引用面向對象的思想來進行HTML5遊戲開發，同時依賴於jQuery來提供事件處理機制和元素選取操做。

 

 

1三、ImpactJS

ImpactJS是一個基於JavaScript的HTML5遊戲引擎，同時支持PC和移動平臺瀏覽器。它是目前除了Construct2以外最受歡迎的HTML5遊戲引擎，使用須要支付99美圓。

 

 

ImpactJS 曾經風靡一時，使用ImpactJS 開發的Z-Type該遊戲被國外不少網站評選爲二十款優秀遊戲之一。

優勢：

1. 提供了靈活的關卡編輯器，能夠快速構建遊戲地圖
2. 提供了強大的調試工具
3. 提供了Ejecta能夠將JavaScript的執行結果經過OpenGL渲染出來，能夠在iOS平臺上得到與原生應用相近的效率
4. 文檔齊全，有兩本專門介紹ImpactJS開發的書
5. 支持物理效果
6. 支持本身編寫插件來擴展

缺點：
1.非開源，且中文教程極其匱乏；
2.更新慢，功能不夠強大；

1四、GameMaker

GameMaker與Construct 2相似，都是一個遊戲製做工具，能夠導出到各個平臺運行，分爲免費版、標準版（49.99美圓）、專業版（99.99美圓）和大師版（799.99美圓）。其中免費版只能導出Mac和Windows版本，導出HTML5須要大師版或者專業版（再額外支付99.99美圓）。

 

 

 

 

優勢和缺點：
優點與Construct2相似，但性價比不如Construct2高

1五、 Hilo

Hilo，一套HTML5跨終端的互動遊戲解決方案開源啦！。Hilo支持了多屆淘寶&天貓狂歡城等雙十一大型和平常營銷活動。內核極簡，提供包括DOM，Canvas，Flash，WebGL等多種渲染方案，知足全終端和性能要求。

 

 

主要特性：

1. 極簡內核： Hilo核心模塊極精簡，保留了2D遊戲引擎最必要的模塊，同時採用模塊化管理。
2. 完善接入&擴展： Hilo 支持多種模塊範式的包裝版本，包括AMD，CMD，Standalone多種方式接入。另外，你能夠新增和擴展須要的模塊和類型。
3. 多種渲染方式：提供DOM，Canvas，Flash，WebGL等多種渲染方案，能夠作到跨全端，高性能的要求。
4. 完善的周邊工具：提供動畫編輯器 ，Yeoman腳手架及典型案例產出的輔助開發工具。
5. 案例豐富： 支持天貓，手淘屢次大型和平常活動，如雙十一，年中大促等。表明產品如狂歡城。

本文參考數據來自：
1. Github
2. html5gameengine

 

本文原創：首發於DiyCode、目前被oschina、掘金頭條、開發者頭條、CSDN極客頭條編輯推到首頁。以爲好，請給我點贊，推薦，評論，幫我上博客園頭條！