某天心血来潮，想着假如我要做一个H5小游戏，需要学习哪些开发知识呢=。=

于是查了下资料，以下是相关的两篇学习笔记。

（资料来自互联网，忘记出处了，如有侵权，请联系作者删除）

一、《H5小游戏开发步骤》

H5小游戏主要由HTML5、css3 和 JavaScript这些代码类型组成。总的来说开发一款小游戏分为两种情况——

第一种是不引用游戏渲染引擎，游戏联网引擎，使用常规的开发方法，自己实现场景渲染和网络对战开发；

第二种是使用游戏渲染引擎和游戏联网引擎。

1.完全自主研发

第一步：拟定游戏开发方案，设计游戏UI图片。游戏开发方案就是确定要开发什么样的游戏，达到什么样的效果。设计游戏UI图片可以使用相关软件如PS/CAD等。

第二步：搭建游戏前端框架、游戏场景、画面渲染、架构设计。使用HTML5和CSS3设计游戏场景的架构，封装好UI层处理的接口，待游戏逻辑开发时，只需要调用接口即可操作UI显示效果。

第三步：游戏逻辑处理、架构设计和实现。常用的软件设计模式都是MVC模式，就是UI、业务逻辑和数据控制都是分开来的，使用JavaScript实现游戏的逻辑控制和游戏数据存储。设计一套框架，同样以接口的形式调用，在设计一套把UI和游戏逻辑联系在一起的程序。

第四步：游戏网络对战服务器搭建、服务器程序架构设计与实现。上一步把基本游戏逻辑都实现了，但是毕竟是互动游戏，要实现网络通信那还得设计一套服务器通信程序，用于游戏实现网络对战功能。服务器程序开发有多重选择，这里就根据开发者自己决定。

第五步：游戏客户端与服务端联调。开发好服务模块，要确保游戏运行的稳定性和逻辑的正确性，需要花一定的时间进行联调工作。

2.使用引擎工具

第一步：拟定游戏开发方案，设计游戏UI图片，这里和前面的一样。

第二步：使用游戏渲染引擎开发工具开发游戏逻辑。不需要开发者关心游戏的界面是如何渲染的，开发者只要关心游戏实现的逻辑，对应游戏画面渲染可直接调用引擎接口来实现画面效果。

第三步：游戏联网联调。

学习方法&步骤

基于问题,你需要学习

1.javascript的基础,高级使用,性能优化,定时器,主要时间是在跟js打交道.

2.游戏循环的处理逻辑,不管是自己造轮子还是用引擎,自己必须知道架构怎么去搭建和运作.

3.数学,尤其几何学,勾股定理的使用,线性代数的理解,2D的还好说,3D的矩阵运算.

4.另外,当前很多HTML5游戏都是想跑在微信平台里的,如果你也是这个打算,最好理解下微信的后台开发一些事情。如果自己不想做这方面的开发,找个做过微信后台的朋友问问大概的流程,知道自己在什么条件下可以拿到什么用户信息.

PS.游戏逻辑是比代码能力重要的，而游戏逻辑也比代码能力容易获得，只要平时多玩游戏，多思考就行了。甚至于没有一点代码基础的人，只要想做游戏，都会有法子制作出来的

二、《HTML5学习建议》

HTML5入门到精通可以分为3个阶段：了解HTML5、熟练掌握HTML5、精通HTML5。（HTML5此处指的是HTML、CSS、JavaScript以及HTML5和CSS3（新增的））

1.首先了解HTML5

需要去了解HTML5是什么，HTML5能够做什么以及HTML5行业的状况，然后在已了解的基础上发掘自己是否喜欢HTML5这个职业，才去决定自己是否学习HTML5。

大概时间：2~3天

2.其次熟练掌握HTML5

（1）先学习HTML与CSS

在一些机构培训当中，全日制，每天学8个小时，也需要学习1~1.5个月，而且学不完整不扎实。自学的情况下，折算相应时间即可，另外需要注意，自学时选择合适的书籍进行学习，会相对高效一些。

选择好的学习资源（主要看知识逻辑、表达方式等），才能够更好的去吸收知识，学习时间成本也会低一些。

（2）此后是JavaScript，原生JS、AJAX、jQuery，差不多也得需要2~3个月（每天8小时）

（3）至于说精通~~~对HTML5技术领域有深刻的研究与认知，能够根据自身的开发经验与项目经验构建自己的前端框架或者工具。最起码3~5年甚至更长，其前提还是不断深入研究，而非“工具式”的使用。

3.资源推荐：

HTML+CSS方面的可以去看《HTML5布局之路》

JavaScript方面的可以去看《JavaScript权威指南》、《JavaScript高级程序设计》

The End

以上是本次推送的全部内容。又是由于中秋假期浪过头用笔记充数的一篇呢（捧首跑）！