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极客头条编辑推到首页。以为好，请给我点赞，推荐，评论，帮我上博客园头条！