随着JavaScript结合HTML5开发越来越受欢迎，很多浏览器支持的新功能正被用户使用，与此同时，许多新的游戏正在使用JavaScript进行开发。基于JavaScript开发的游戏是唯一一个能够跨桌面，Web和移动三种平台的。今天，本文向大家推荐一些非常棒的JavaScript游戏框架。&
这是一个基于HTML5游戏框架，用于快速构建运行于现代触摸屏和桌面浏览器的游戏。&
这是一个专业的JavaScript游戏引擎，帮助你方便快捷的开发基于HTML5的游戏。
该引擎有一个功能丰富的Weltmeister关卡编辑器，不管是多么复杂的游戏，Weltmeister都可以帮助你实现它。
一个跨浏览器的引擎，非常灵活，配备可拓展的API，内置Box2D引擎，支持触摸输入。
一个基于HTML5的2D游戏引擎，对击键事件处理非常好。
GMP是免费的、快速的JavaScript游戏引擎，缺点是不支持音效。
这个JavaScript引擎可用来构建2.5D的游戏，借助强大的HTML、JavaScript、CSS和WebGL。
这是一个游戏工具包，提供的主要组件有：Gamebox、Gamecycle、Toys和用于支持触屏设备的Iphopad。
一款jQuery插件，通过游戏相关的类来构建JavaScript游戏。
支持用于创建各种类型的二位游戏，内置很多可绘制图形和用于控制加速度的物理引擎。
这是一个轻量、模块化的JavaScript游戏引擎，内置动画、事件管理、碰撞检测等等。
支持跨浏览器的鼠标、键盘和触摸事件处理，对形状的绘制支持很好。
GameJs是一个轻量的JavaScript游戏引擎，用于基于HTML5 Canvas的游戏开发。
这是一个新推出的框架，没有上面那些成熟，其核心是场景、节点、动作和事件。
其它相关资源
&(simpler JS game framework)
&(JS game engine)
&(jQuery powered game engine)
&(JS library for vector graphics)
&(JS library for 3D canvas)
&(JS WebGL library)
&(JS WebGL framework)
&(JavaScript sound API)
&(HTML5 audio and video for jQuery)
（编译来源：& 原文来自：）
本文出处【】
未经允许不得转载： &You are here:
避坑宝典：如何选择HTML5游戏引擎
原生手游市场已是红海，腾讯、网易等寡头独霸天下，H5游戏市场或将成为下一个风口。据笔者所知，很多H5游戏开发团队由于选择引擎不慎导致项目甚至团队夭折。如何选择适合团队和项目的引擎，笔者通过学习和项目实践，总结微薄经验，供大家参考，非技术人员也可以将本篇内容作为引擎选择的重要关注点。
选择H5游戏引擎的思考维度
1、开发语言的支持
2、2D、3D、VR的支持
4、引擎的应用广度
5、设计理念
6、工作流支持力度
7、商业化成熟案例
8、学习资源与技术支持能力
首先，我们要知道，当前主流的游戏引擎有哪些。由于H5引擎有很多，笔者在这里进行了精心的筛选，过滤掉不支持webGL的引擎，以及封装了第三方渲染内核的JS框架，和不能直接在浏览器中运行的JS引擎。
为什么要过滤掉这几种呢，首先，没有自己的渲染内核，仅仅是基于第三方的内核作的API封装，笔者很担心可持续的性能优化和维护能力。另外，不能在浏览器中直接运行的JS引擎，将限制H5游戏跨平台的交互能力。还有， 笔者非常看好webGL模式，认为webGL模式才是H5引擎的未来。原因有几点：
第一、性能，webGL模式远超Canvas数倍。DOM模式就不适合用于真正的游戏开发，更不用提。
第二、3D方向，webGL模式理论上可以制作2D和3D游戏，Canvas和DOM模式下只能制作2D游戏。
第三、普及率，webGL的普及率已经非常高了，尤其是支持webGL的腾讯TBS-Blink内核已在4月19日发布，并逐步在微信、QQ空间、QQ浏览器、手机QQ等APP中采用静默安装方式全面升级。这个普及率在国内带来的影响，;你懂的……
1、选择H5游戏开发语言
拥有广泛开发者的H5游戏开发语言共有三种，分别为Flash AS3、TypeScript、JavaScript。其中Flash AS3、TypeScript均属于面向对象的高级脚本语言，通过编译器将原项目代码编译成JavaScript代码文件运行于浏览器之中，面向对象的高级语言无论是项目开发管理，还是项目开发的工具环境的成熟度都明显优于JavaScript脚本语言，尤其是中大型项目方面，AS3等高级语言的效率会更高。
从上图看出，支持JavaScript语言的引擎更多，由于AS3语言的编译器为Layabox引擎推出的，因此采用AS3作为开发语言的仅有Layabox引擎。笔者建议在开发中大型游戏项目的时候，采用TypeScript或者是Flash AS3语言进行开发。如果是小型游戏，任选其一即可。
2、引擎的未来延续能力
选择一个引擎，并不是简单的认为，满足眼前够用就可以了，引擎的未来延续能力也是很重要的，这个项目是2D，下个项目想开发3D，如果引擎不支持怎么办？去换个引擎？如果VR的机会来了，再想发布VR版本，这个引擎不支持，需要重新开发吗？等等问题，作为开发者尽可能要提前想好。
通过上图，可以看出，即便是在支持webGL的H5引擎里，有只面向2D游戏的，也有只面向3D游戏的，同时支持2D、3D、VR的H5引擎，从目前看只有Layabox与Egret引擎。
3、性能是核心需求
性能是H5游戏面临的核心门槛，也是很多H5游戏不被专业玩家认可的重要原因之一。游戏卡顿，不流畅，这样的产品体验很难在激烈竞争中生存下来。
H5产业早期的普及阶段即将过去，游戏品质在迅速提高，品质中包括精细的美术和炫酷的动画等。在复杂的游戏项目面前，上述种种元素，其流畅体验度对游戏引擎是极大的考验。所以选择性能优秀的引擎是保证品质的最重要基础，一定要谨慎。
在游戏项目研发开始时，一定要先对复杂的模块做DEMO测试，特别是带背景滚动的游戏。比如横屏卷轴游戏，对帧数稳定性要求极高，如果满足不了性能上的需求，可能会带来眩晕、眼花、疲倦等不良体验。
在webGL的2D渲染性能方面，pixi.js的性能处于当前的顶级。在webGL的3D渲染性能方面，Three.js非常优秀。在runtime方面Cocos2d-js也有着原生级的表现，经过对比，笔者认为Layabox性能的综合实力最强，在各个渲染领域都保持在HTML5引擎的顶级水平。当然，上图仅作为参考，对于任何号称某个引擎性能最牛的论调，一定要亲自进行性能DEMO的测试对比，而不要轻易采信。
由于性能是游戏最核心的需求，笔者这里再多说一句，大型项目在系统复杂度、UI复杂度、动画显示数量和种类等方面与小型游戏项目完全不在一个量级。会涉及到比小游戏更复杂的性能优化、内存管理、资源管理等需求，如果选择了小马拉大车的低性能引擎，项目夭折可能性非常大，除非最后项目开发者花大量时间自己优化引擎。所以性能差一点，就会导致结果差很多，不可主观想象。
4、与引擎的应用广度
随着H5游戏品质提升，在其他领域也具备一定的竞争力和价值，一次开发可发行各个领域版本，已成为日渐明确的需求，这里面包括发行原生APP手游和PC的flash页游需求，大统一的引擎时代即将来领。目前最火爆的H5游戏《传奇世界H5》据说有40%的收入来自PC网页。
发布PC页游时，由于PC浏览器目前对HTML5兼容性不足70%，用户损耗很大，页游联运平台可能会拒绝或放量很少，只有采用能同时发布Flash版本的引擎，才能解决这个问题。
5、设计理念与定位
设计理念是个比较大的话题，也是个很重要的引擎选择因素，比如引擎是要专注移动端，还是要面向全平台多端游戏市场。是注重性能，还是注重工具链等等。深入了解不同引擎的理念与定位，才能更好的与游戏产品进行结合。
上图内容仅作参考，详情建议去各引擎官网深入了解。
6、工作流支持力度
作为商业级开源引擎，工具链的提供与支持也是一种选择考量要素，比如UI编辑器、粒子编辑器、骨骼编辑器、场景编辑器等等，如果引擎方直接提供或支持，那么将会较大的提升研发效率。
本文中提到的7个引擎，只有Egret、Layabox、Cocos2d-JS这三个引擎，在工具链方面提供足够全面的支撑。
7、是否有成熟的商业案例
怎么证明引擎是成熟的？一定要有成熟的商业案例，一般引擎的官网上都会有游戏案例介绍，我们在选择引擎之前要进行深入体验，包括：商业案例的数量、商业案例的种类、稳定性、流畅度（要在低端机里体验）、项目复杂度、项目相似度等。如果有一些大型成功案例背书会相对安全可靠些。
从目前的行业案例来看，Layabox引擎的MMORPG《醉西游》、重度动作游戏《猎刃2》、大型模拟经营游戏《梦幻家园》等无疑是H5引擎技术的最高水准代表作。但是从卡牌、挂机等类型的付费游戏总体数量来看，Egret引擎明显占优，充分说明该引擎的市场宣传力度更胜一筹。
8、学习资源与技术支持能力
能提供什么样的学习资源，以及技术支持，对于开发者也是重要因素，如果你是技术大牛，只想使用轻量的第三方渲染内核。那么2D游戏，pixi.js无疑是首选。3D游戏，笔者推荐Three.js。但是这两种引擎的学习资料都比较稀少。笔者认为学习资料的完善，以及在学习过程中的技术支持力度，将会很大的帮助你解决引擎使用中的问题。所以，API完善，DEMO完善，文档完善，社区的响应速度，交流氛围，以及QQ技术支持等，都可以作为你选择引擎的因素考量之一。
9、页游移植产品的引擎选择
目前像《醉西游》等优秀H5产品是Flash页游或手游移植而成，移植类的产品在选用引擎时要注意，代码是否可以直接移植？如果可以，那将节省大量的开发成本。比如Flash AS3开发的2D或3D页游或手游，可以把逻辑与算法代码直接拷贝移植到Layabox引擎项目中，开发速度提高数倍。
写在最后：最后提醒一下，千万不要相信某些引擎的单方宣传，一定要花一点时间去研究实践，亲自制作DEMO去作一作对比，动手体验到的才是真理。
针对DEMO测试笔者有几点建议：
1、采用一个复杂的UI，特别是复杂列表，比如说没有分页的背包列表，背包里放上不同的道具图片，测试滑动时的流畅度，这块比较考验性能，元素越复杂，数据越多，尤其能对比出来性能上的差异。
2、包含最复杂战斗部分，不要写战斗逻辑代码，不然会花的时间太长，只需要把战斗相关的动画和复杂的元素放在场景中模拟即可，因为H5游戏性能瓶颈通常在于画面的显示。
3、 测试主要目的是看项目在引擎中性能，这是最至关重要的，所以，硬件上，我们要选择低端安卓手机（比如红米）进行测试。软件环境建议使用微信环境测试，首先，因为微信公众号是H5的主要渠道之一，其次，微信当前的H5性能低于chrome浏览器，在恶劣的环境下更能测试引擎的优劣。
& 2016 . All rights reserved.Cocos ：玩吧HTML5游戏引擎使用比例分析
“Cocos 2015开发者大会（春季）”于4月2日在国家会议中心圆满落下帷幕。在会上全新的3D编辑器、Cocos游戏加速插件等产品重磅公布，给业界带来了cocos这款国产引擎的最新动态。同时cocos引擎创始人王哲也提到在目前国内最重要的HTML5游戏渠道玩吧中cocos已经成为使用率最高的游戏引擎。那么这一数据是如何获取的呢？国内HTML5游戏渠道中目前现状究竟如何？1. 背景在2015年HTML5平台可谓火爆异常，广大游戏开发商纷纷觊觎这个暗流涌动的蓝海市场。Cocos引擎作为HTML5市场的先行者，早在2012年初就在Google赞助下成功移植Cocos2d-x到Cocos2d-HTML5版本，成为全球最早的HTML5游戏引擎之一，随后2014年初融合HTML5引擎和Cocos2d-x原生引擎推出cocos引擎；在2015年推出的整合方案cocos引擎中，开发者可以直接用JavaScript语言开发游戏，并导出到手机原生和HTML5两种邢台。Cocos在HTML5游戏引擎上的投入研发已进入第四个年头。Cocos引擎始终伴随HTML5平台发展进化，深厚的积累保障了引擎的性能和稳定性，也积累了大量的开发者基础。另一方面，玩吧平台自2014年上线以来，凭借着对游戏严格的质量审核，活跃用户量大，付费率高，积极扶持优秀游戏开发商等特点稳步成为最重要的国内HTML5游戏渠道之一。作为引擎技术提供商，触控科技一直很关注引擎在这一平台上的表现。2. 玩吧渠道数据分析首先，这次分析的数据完全来自玩吧渠道本身，数据采集时间点在日。其次，我们采集了三项重要数据：玩家人数：玩吧界面显示数据游戏开发商名称：玩吧界面显示数据所用引擎：根据游戏引用脚本手工分析最后，我们分析得出三大重要数据值得一提的是，统计数据中最高的“DOM”是指游戏使用HTML5直接编写而成，没有使用任何游戏引擎（可能使用jQuery等DOM框架），这种游戏的特点往往是游戏逻辑相对简单，或部分挂机类游戏也会选择这种技术框架。除了“DOM”、“Unkown”以外的其他游戏均使用游戏引擎研发而成。所以从数据中可以看出，除了非引擎的“DOM”游戏之外，Cocos从各个方面看都是最受欢迎的HTML5游戏引擎。DataEye的2015第一季度HTML5游戏数据报告也从侧面印证了这一点。3. 引擎介绍HTML5游戏引擎自2011年以来呈百花齐放之势，以上列表中被国内开发者所熟知的有触控科技的Cocos、ImpactJS、Adobe的CreateJS等有着长远历史和积淀的引擎，也有Pixi这样性能出众的渲染引擎，还有白鹭时代Egret，日本个人开发者的作品Lufylegend，以及盛大放弃维护的QuarkJS等。除了这些引擎之外，其实还有诸如无需编程傻瓜化开发的Construct2、组件式的CraftyJS，基于Pixi的Phaser、3D/2D兼修的Turbulenz等游戏引擎。我们也看到了这个市场上还有超半数游戏不采用通用引擎方案，而使用DOM框架或者自研引擎，这点非常类似于2010年手机原生游戏刚开始阶段的行业情况。Cocos在这其中可算是功能最全面，平衡性优越的全栈式游戏引擎，同时兼顾Native和HTML5，既不损失原生游戏的巨大市场，也不放弃HTML5游戏的机会，很好地解决了开发者对于HTML5观望纠结问题，这点和Cocos2d-x在2010年时跨iOS和Android，解决开发者对安卓平台的观望疑虑的问题是类似的。Cocos提供了完全开源可定制的高性能原生解决方案，配合近期发布的Cocos游戏加速插件可解决移动端HTML5平台的性能问题。按王哲的话说，Cocos提供给开发者的最大优势就是进退自如，左右逢源，尽最大可能降低开发者的成本和风险。这里介绍这么多，其实是想鼓励开发者多尝试，选择适合自己游戏的引擎，因为实用cocos引擎跨Native和HTML5之后，新平台的试错成本并不高，开发团队亲自去使用不同的技术，比看文章会更客观，找到更符合自己需求的引擎。4. 玩吧平台所有游戏列表下面附上玩吧日的所有游戏供参考。游戏名、游戏人数、公司名都是根据玩吧里公开的资料，所用引擎为我们脚本根据关键字自动扫描得到的结果。注意游戏人数受上线时间影响较大，不能作为衡量游戏品质的唯一标准。序号游戏名称游戏人数(万)所用引擎公司名称1空间花藤1357dom台战涛2来消星星的你1006cocos乐天成科技3一起猜猜1003dom佛山闪吧科技4谁是色盲748dom榴莲科技5最强大脑684dom佛山闪吧科技6开心2048630dom开开心心工作室7一起跳跳613dom晟游网络8一个不能死597createjs佛山闪吧科技9摩天高楼496createjs佛山闪吧科技10我偏不495dom叮铛工作室11后宫三国415dom指上缤纷12开心豆豆406cocos墨麟科技13小鸟情人OL403dom螳螂互动14逃离()382dom佛山闪吧科技15开心317dom鸭梨山大工作室16开心萌果园310dom上海晟游网络17一起2吧308dom上海晟游网络18该死的马赛克286dom佛山闪吧科技19聊天女仆284dom友淘科技20侠行天下274dom指上缤纷21冰桶挑战赛269dom托尼托尼研究所22西游争霸268自研杭州古川23黄金矿工2014264cocos崔超24天才知道哦255dom佛山闪吧科技25救救那宠物243createjs佛山闪吧科技26满脑子数字223dom佛山闪吧科技27一起萌萌()达220teajs上海晟游网络28愚公移山216egret白鹭时代29一起打屁屁207dom上海晟游网络30时尚都市202dom佛山闪吧科技31100层救公主190lufylegend32没事数钱玩186dom佛山闪吧科技33疯狂打怪兽184dom橘子工作室34一线生机179createjs佛山闪吧科技35吃豆豆172dom丸子工作室36刀塔171QuarkJS上游信息科技37海贼王归来164createjsC Games38绝杀156自研杭州古川39QQ水浒152自研腾讯公司40点点萌萌消146cocos818工作室41基友捡肥皂144cocos锦麟文化42来躲猫猫的你134cocos乐天成科技43功夫厨房132dom鱼鱼工作室44萝莉来了115cocos北京漫游谷45至尊封神OL112cocos杭州古川46萌呆了三国110自研Colorful Game47溅溅水珠109cocos乐天成科技48糖果方块99dom榴莲科技49口袋
()95dom墨麟科技50主公很忙94dom上海晟游网络51米娅军训营91cocos锦麟文化52斗犬H586Impact-JS百诺科技53BiuBiuBiu84cocos深圳鸡蛋客54棒游记77cocos乐天成科技55海国战记76cocos螳螂互动56全民宫斗71dom白鹭时代57摩尔战记70egret白鹭时代58蜡笔总动员69cocos乐天成科技59米娅月饼大作战68cocos锦麟文化60米娅记忆堂66cocos锦麟文化612048蜂巢版62dom互爱互动62海贼熊宝藏59cocos锦麟文化63围剿五仁月饼57dom榴莲科技64鱼儿快跑47lufylegend65果冻粉碎传奇41自研金蚕网络66狂挂传奇OL39egret安果科技67鸟萌37dom深圳巧贝科技68蛋糕达人33自研69恐龙连萌31Pixi黎家林70霸气水浒30createjs秒速互动71战歌22自研上海晟游网络72qq农场wap版11dom魔方工作室73qq牧场wap版11dom魔方工作室74爱情守卫战11Unknown陈欣75谁是学霸11dom云智联76神仙消消乐11cocos上海游际77海底大合城11dom80人鱼求合体11dom友淘科技81海水来了211cocos深圳市友游科技80星际战舰11自研东毅信息科技81群雄OL0dom上游信息科技82三国挂机0dom上海晟游网络
正文已结束，您可以按alt+4进行评论
相关阅读：
相关搜索：
热门搜索：
Copyright & 1998 - 2016 Tencent. All Rights Reserved推荐这篇日记的豆列
······}