由于网页的跨平台性以及互联网技术的日益普及，基于HTML5开发网页的游戏逐渐在国内流行起来。相比于传统的Flash网页游戏，在现有的HTNL5游戏在可玩性、丰富性上已经遥遥领先；更重要的是，由于网页本身的跨平台性，用户可以在个人电脑、移动端上方便地玩到HTML游戏，未来HTML游戏也许会对Android、iOS的应用市场造成一定程度的冲击。

     我的博客将会记录下我学习HTML5游戏开发的点点滴滴，既然是从零开始，今天就一个入门者的角度，简单地总结下搭建环境的过程。

     1. 服务器：WAMP

     由于我用的是Windows操作系统进行开发，所以选择了WAMP懒人服务器。开发网页游戏为什么要用服务器呢？原因在于，游戏中可能涉及到用户数据、文件的访问，如果在本地进行开发的话，用JavaScript去进行本地文件的传送显然是不明智的。还有，用户的数据也无法做到保存。

     WAMP下载后，进行安装，基本没什么要说的，只是结束后，我出现了一个错误：mscvr1100.dll无法找到，按网上说的，找到这个文件下载，注册后还是不行。最后不得不删了这个文件，重新装VS，于是将计就计，直接重装了VS2013，其中耽误的时间也可想而知。

     WAMP安装成功！由于我用的是Firefox浏览器，启动服务器后，直接在地址栏输入localhost，就有WAMP的管理界面了。要注意的是，你的网站根目录在d:/wamp/www下面，后面我们的游戏目录也是放在这下面的。

     2. HTML游戏框架：Phaser

      有了该框架，我们省去了造轮子的艰难任务，比如游戏引擎，Phaser框架用的是Pixi.js，除此之外，该框架还提供了许多实用的功能，开发者只需简单通过API在JavaScript代码中调用，即可实现一系列复杂的动画效果。

      框架，顾名思义就是一个目录，你要实现什么功能，往里面新建文件写你自己的东西，在这个框架下运行就好了。Phaser的下载最好用Git Clone的方式，以后有更新也方便本地的操作。这里，将github上的Pahser项目clone到d://wamp/www下面，全称为d://wamp/www/phaser-master

   3. 编辑器：Brackets

     编辑器IDE有很多，包括VS、IntelliJ IDEA也行，但考虑到太笨重，故不选择；Brackets比较轻量，而且免费，界面简洁、美观。只要将游戏目录选择为d://wamp/www/phaser-master，加上你自己的index.html，就可以开始HTML5游戏的旅程了。

  
     此外，Phaser还很良心地提供了很多的教学demo：

    1. 教学demos

    2. 一个小游戏的制作

    努力学习吧！