也想开发一款H5游戏？需要了解这些知识！

H5游戏点开即玩，玩完即走，不需要下载安装，也不需要很长时间的等待，可谓非常方便。那么H5游戏是如何开发的呢，开发H5游戏需要掌握哪些基本知识？今天就和大家介绍一下2款H5游戏引擎。

什么是游戏引擎？

游戏引擎是指一些已编写好的可编辑电脑游戏系统或者一些交互式实时图像应用程序的核心组件。这些系统为游戏设计者提供各种编写游戏所需的各种工具，其目的在于让游戏设计者能容易和快速地做出游戏程式而不用由零开始

一款国外游戏引擎，英文版，英文文档：CreateJS

一款国产游戏引擎，中文版，中文文档：Egret

你会对哪个更感兴趣呢？

一、CreateJS

CreateJS 是一套可以构建丰富交互体验的 HTML5 游戏的开源工具包，基于这些库，可以非常快捷地开发出基于HTML5的游戏、动画和交互应用。

和CreateJS一起的还有几个JS类库:

EaselJS：用于 Sprites、动画、向量和位图的绘制，创建 HTML5 Canvas 上的交互体验（包含多点触控），同时提供 Flash 中的“显示列表”功能TweenJS：一个简单的用于制作类似 Flash 中“补间动画”的引擎，可生成数字或非数字的连续变化效果。

SoundJS：一个音频播放引擎，能够根据浏览器性能选择音频播放方式。将音频文件作为模块，可随时加载和卸载。

PrloadJS：帮助你简化网站资源预加载工作，无论加载内容是图形、视频、声音、JS、数据……

CreateJS的国内资料不是很多，但官网上的文档和标例非常完整，英文阅读没有障碍的朋友可以直接去官网上查看。

二、Egret

Egret是国产的H5游戏引擎，号称是“全国最受欢迎的HTML5游戏引擎”，完全是免费的。Egret使用的主要语言是typescript，typescript可以说是js的一种方言，由微软件公司推出，目前也非常流行。

以下来说说使用Egret的几点体会：

1、方便

方便不是说设计者认为方便，而是要让用户真心觉得方便。 就像很多人做许多事情去感动别人，而实际上，只是感动自己。 比如，“平时我只吃一个包子，为了你，我这次吃十个”。 这样的笑话，是很常见的。

那，什么才是方便呢。 最好的做法，就是先把引擎弄出来，让开发者使用，开发者给反馈，然后引擎再做修改。 只是这样一来，一个引擎从研发开始到最后成品，得经历多久的时间呢。 黄花菜都凉了吧。 这就要取巧了。 egret追随flash/as3设计已经展现了他们快人一步的思维。 这一点，我是非常佩服的。 egret在一开始，就融入了做产品的思维，而不是无脑的开源模式。 我始终认为，一个能够赚钱的团队，才能把一个框架，引擎，或者产品继续做好。

2、工具

神经猫出现的那天，我就找到了egret群和官网。 这是我发现宣传和准备工作做得最好的一个引擎（虽然官方僻谣说神经猫纯属意外，不是刻意策划，但能够借势而为，就更让我觉得不可思议了）。 而egret如今发展到1.5版本。 相应的工具也逐渐完善。我觉得这是作为工具控（所谓工具控，是指，我认为，一个引擎不应该是看它代码好不好，而是要看他的工作流和工具链是否强大而完善。 你看目前市面上NX的引擎，有哪个的工具不是很NX的 PS:当前，有一个屌丝引擎，工具特别烂，但也在很火爆，这算是个例。 就不在这里打名字了

3、社区

egret的社区几乎也是同步跟进的，这一点让我很吃惊。 于是，我果断进来发贴了。 其实，从神经猫开始就加了群，但一直没有正式进入egret社区，我想，今天就当作是一个良好的开始吧。

4、教程多，文档细，安装易，与开发者亲

如果一个引擎，教程不多，文档不细，安装不便，与开发者不亲。 我觉得，基本上是作死。 但要四点都具备，也是相当不容易的。