避坑宝典：如何选择HTML5游戏引擎

(点选下方“GameLook”↑↑↑,订户QQ)

原生植物手机游戏消费市场已是东非，腾讯、网易等寡头政治称霸四海，H5格斗游戏消费市场或将正式成为下两个蓝海。据本栏知晓，许多H5格斗游戏合作开发工程项目组虽然优先选择发动机摔伤引致工程项目即使工程项目组早夭。如

优先选择H5格斗游戏发动机的思索层次

1、合作开发词汇的全力支持

2、2D、3D、VR的全力支持

3、操控性

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格斗游戏。

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、 测试主要目的是看工程项目在发动机中操控性，这是最至关重能测试发动机的优劣。