Web游戏开发引擎

游戏引擎是什么?

游戏引擎本质上是工业软件,和EDA、CAD、CAE这种没有区别。

制作游戏是一套工业流程

游戏引擎的侧重点

游戏引擎非常重要的几点:

  • 插件生态

  • 编辑器

  • 打包后的大小

2D

pixi.js

这是一个渲染引擎,并不是游戏引擎,但是可以通过pixi.js + 插件的形式快速进行开发。

动画(spine/dragonbones),粒子系统,物理引擎等等,都有插件可以按需引入。

虽然pixi.js本身没有界面编辑器,但是你可使用动画编辑器当做界面编辑器使用,我都是用spine拼的界面(只有一帧的动画)然后程序里面加载使用,也挺方便的。

pixi的思否专栏

pixi做的游戏

github有38K的star。

Phaser

Phaser是游戏引擎,在github有33K的star,但是这个不支持TS。

Phaser的V2版本是基于pixi的,但是V3版本写了一个自己的Render层,不再依赖Pixi了。

Phaser有很多boilerplate(样板文件),比如这个Webpack的模板

提供了通用的游戏循环函数:

The cycle consists of three methods: A. Preload; B. Create; and C. Update.

和Pixi.js的对比1

和Pixi.js的对比2

3D

资料

【精】Comparison of webGL libraries for 2D games: PixiJS VS. Phaser

https://fgfactory.com/webgl-libraries-for-2d-games

【精】吴多益的分析文章:

https://zhuanlan.zhihu.com/p/162878354

【精】WebGL引擎调研:

https://blog.csdn.net/sinat_17775997/article/details/121556037

MDN的Web游戏开发资源:

https://developer.mozilla.org/zh-CN/docs/Games

这里有各个HT游戏引擎的对比,信息滞后了,但是也可以参考下:

http://html5gameengine.com/

https://github.com/bebraw/jswiki/wiki/Game-Engines

http://jswiki.org/game-engines.html

Web游戏开发周报:

https://gamedevjsweekly.com/