前言
很多刚刚接触到游戏开发，筹备大展拳脚的小鲜肉们，往往在技术选型这第一关就栽了跟头。毕竟网络上的游戏引擎参差不齐，官网上相干材料也比拟少，而抉择一个适宜的游戏引擎是一个我的项目最根底，也是很外围的一部分。
试想一下，在游戏开发进行到中后期的时候，才发现我的项目引入的游戏引擎与需要相悖，这时候不论是从新做一些修修补补的工作或者更换游戏引擎，这都是相当消耗人力物力的一件事。为了防止这种状况的呈现，在后期抉择适宜我的项目需要的游戏引擎显得尤为重要。
接下来咱们来聊一聊如何去抉择适宜我的项目的 JS 游戏引擎。
游戏场景分类
在刚接到游戏需要时，咱们能够从以下几个方面进行考量，剖析出游戏需要场景所属，从而作为咱们抉择游戏引擎的根据。
- 游戏成果出现形式（2D？3D？VR？）
这与游戏引擎可能反对的渲染形式间接挂钩。当初的 H5 游戏渲染形式个别有 2D 渲染、3D 渲染、VR 渲染三种。
而 2D 渲染个别也有三种：Dom 渲染、Canvas 渲染、WebGL 渲染。Dom 因为性能起因，个别只适宜做一些动画成果较少，交互较少的小游戏，本文次要针对 Canvas 和 WebGL 开展介绍。
一般来说，对于 2D 小游戏来说，Canvas 渲染曾经足够。然而 Canvas 渲染因为底层封装档次多，不足以撑持起大型游戏的性能要求，因而大型游戏最好抉择 WebGL 渲染或者浏览器内嵌 Runtime。 - 游戏复杂度
这与游戏引擎可能反对的性能，提供的 API，性能等方面关系比拟大。
游戏引擎举荐
笔者从业界较风行的一些框架，进行以下几个方面比照，心愿能从主观数据上给大家的技术选型带来倡议和参考。
- 引擎反对的渲染形式
- github 上的 star 数
- 更新工夫
- 文档具体度
- 周边产品
2D，3D，VR 都反对的游戏引擎
Egret
白鹭引擎是企业级游戏引擎，有团队保护。Egret 在工作流的反对上做的是比拟好的，从 Wing 的代码编写，到 ResDepot 和 TextureMerger 的资源整合，再到 Inspector 调试，最初到原生打包（反对 APP 打包），游戏开发过程中的每个环节根本都有工具撑持。官网上的示例，教程也是比拟多。值得一提的是，往年 5 月白鹭引擎反对了 WebAssembly，这对于性能的晋升又是一大里程碑。
LayaAir
在渲染模式上，LayaAir 反对 Canvas 和 WebGL 两种形式；在工具流的反对水平上，次要是提供了 LayaAir IDE。LayaAir IDE 包含代码模式与设计模式，反对代码开发与美术设计拆散，内置了 SWF 转换、图集打包、JS 压缩与加密、APP 打包、Flash 公布等实用功能。
下图是次要反对 2D 游戏的游戏引擎
Pixi.js
一般来说，WebGL 的渲染速度都会比 Canvas 快，这是由俩者的绘制门路决定的。Pixi 最大的特点在于，Pixi 具备残缺的 WebGL 反对，却并不要求开发者把握 WebGL 的相干常识，并在须要时无缝地回退到 Canvas。相较于很多同类产品，它的渲染能力是比拟弱小的。然而，Pixi 也有有余的中央，Pixi 对于动画的反对是比拟不足的，在理论开发中，经常须要引进额定的动画库，如 GSAP。
Phaser
Phaser 在渲染方面间接封装了 Pixi；架构方面，Phaser 内嵌了 3 个物理引擎（Arcade Physics、Ninja、p2.js），提供粒子系统、动画、预下载和设施适配计划；兼容性方面，Phaser 的焦点是放在挪动端浏览器上的；API 方面，Phaser 能实现丰盛的游戏性能，适宜复杂度高的游戏开发。
CreateJS
CreateJS 官网提供了 TweenJS 反对动画开发，同时通过 SoundJS 和 PreLoadJS 提供了音频和预下载的反对，对于 H5 游戏根底性能的反对是足够的。在兼容性方面，CreateJS 反对 PC 端和挪动端简直所有的浏览器。此外，CreateJS 还反对用 flash CC 开发导出由 CreateJS 渲染的 H5 游戏。
Hilo
Hilo 是阿里团队推出的一个开源我的项目，反对模块化开发，同时提供了多种模块范式的包装版本和跨终端解决方案，适宜用来开发营销小游戏。其体积也是比拟轻量的，只有 70kb 左右。Hilo 反对 DOM 渲染，Canvas 渲染和 WebGL 渲染，同时集成了 Hilo Audio，Hilo Preload。其后推出的 Hilo 3D 也是其亮点之一。
Cocos2d-x
Cocos2d-x 是业界比拟老牌的游戏引擎了，同时反对 C++，Lua 和 JavaScript 三种开发语言，官网用例来看更偏向于 C++ 开发，适宜做一些中大型游戏开发。Cocos2d-x 提供 Cocos Creator 游戏开发工具，组件化，脚本化，数据驱动，跨平台公布。
lufylegend.js
lufylegend.js 的最新更新是在 16 年，不过其社区还是非常沉闷的，如果遇到什么开发问题，能够很不便地在社区上找到解决的计划。lufylegend.js 能够反对根底的游戏性能，然而其可拓展性不是很强。
次要反对 3D 游戏的游戏引擎
Three.js
置信对于很多有关注 3D 游戏的开发者来说，Three.js 早曾经耳熟能详了。实际上，Three.js 官网定位并不是游戏引擎，而是一个 JS 3D 库。Three.js 更偏向于展现型的视觉出现，比拟少间接拿 Three.js 来开发 H5 游戏。渲染环境上，Three.js 反对 WebGL 和 CSS3D 两种渲染模式。
PlayCanvas
从渲染反对水平来看，PlayCanvas 不仅反对 3D WebGL 渲染，同时放弃到 VR 的反对，领有比拟好的拓展性。在工具流的反对上，提供了在线编辑器和公布托管等服务。从官网教程上看，教程也是比拟具体的。
结语
当初市场上的 H5 游戏引擎很多，很难去间接定义哪个引擎的好坏，只能说每个引擎都有本人的个性，在某方面跟我的项目的符合水平比拟高，笔者依据当初市场上比拟热门的几大引擎做了几点比拟，心愿能给刚入门的你做技术选型的时候有一点帮忙，找到适宜我的项目的引擎，更快、更准、更高效率地实现我的项目需要。
图片起源：页游