HTML5游戏开发的5条实用建议

　　HTML5很棒，因为它几乎无所不能——它并不是为某种特殊的应用设计的。更重要的是，HTML5几乎是无处不在的。它就在你的PC机上、你的手机上、你的平板设备上——它甚至可能就在你的厨房电器上。

　　正是由于HTML5具有丰富的功能并且无处不在，所以它给开发者带来了很多的灵感。俗话说得好，“一旦开发者有了灵感，他们就开始编写游戏了。”（这句话应该是作者编的）

　　幸运的是，有关HTML5游戏开发的指南现在已经有很多了。而这篇文章则是要告诉开发者在开发HTML5游戏以前应该具备的一些全局概念。你能 从这篇文章中学到什么？这里会介绍HTML5游戏开发的一些框架，你将知道如何使你设计的游戏能够在更多的平台上运行，了解如何管理在线游戏的状态，如何 处理性能问题。

　　话不多说，现在就开始介绍HTML5游戏开发的5条实用建议。

　　建议1：使用框架

　　如果只是用HTML5编写一些小程序其实非常简单，但如果想往你的游戏中加入更丰富的功能，那么就有许多其他的事情需要处理了。

　　比如，如果你的游戏中有大量的图片、音效或是其他的资源，那么浏览器需要从你的游戏服务器上下载这些资源，这往往需要花费很多的时间。如果你在 编写程序的时候没有考虑这些问题，那么你也许会对最后的结果感到意外。由于图形和声音文件都是异步下载的，也许在你的资源下载好以前你的 javaScript脚步已经开始运行了。这就是所谓的“爆音”现象（图像显示异常），而声音也可能在错误的时间播放。一个好的解决方法就是创建一个预先 下载机制，保证所有的资源下载完以后才允许脚本执行。

　　另一个你可能碰到的问题就是你的游戏在不同的机器甚至是浏览器中运行的速度有所不同。虽然这也许在你的控制范围以外，但你还是可以尽量使得你的动画或是动作的速度不依赖于游戏运行框架的速度。

　　其实，现在有许多的游戏模板代码，里面实现了大多数游戏需要的功能。这样，开发者不需要从头到尾编写一个完整的游戏程序。现在有许多框架可以帮助开发者设计游戏，开发者只用关注具体的游戏逻辑，而不用担心如何使游戏顺畅运行这些细节问题。

　　使用框架时唯一需要注意的一点就是如何从众多的框架中挑选一个合适的框架。像ImpactJS这样的框架功能非常强大，几乎可以在各个 方面为开发者提供帮助；而像EaselJS的框架则主要是处理图形方面的工作。最后，还是需要由开发者决定使用哪种框架更加合适。这看起来似乎很简单，但 在Javascript的世界里面，选择一个框架时也意味着你选择了一种特定的编程风格。

1. ig.module(

   　　对于简单的游戏，这意味着你不必担心它的性能问题。但由于HTML5可以运行在任何平台上，这意味着你发开的HTML5游戏应该能够运行在任何 一个设备或是浏览器上，其中有些设备或浏览器的处理能力可能并没有你希望的那么快。即使你的应用只针对高性能的PC，游戏的性能也是一个不得不考虑的问 题。

   　　如果你要求你的游戏达到每秒60帧，这意味着每一帧的渲染时间不能超过16毫秒。也就是说，在你一眨眼的时间里面，你需要完成至少6帧的渲染工作。现在听起来可能有点难以想象…但是有些非凡的游戏确实能够做到。

   　　幸运的是，这里有些工具可能能够帮助你。在IE9（或是IE10）上，通过按下F12按键可以打开开发工具面板。选择“PRofile”选项然后选中“Start profiling”。

   　　现在在你觉得性能需要提升的地方停留30秒，profiler将收集相关数据，然后选择“stop profiling”。你将看到你的游戏中的每个功能的累积执行时间。通常，你会发现某些功能占用了大部分的时间。这样你就能有针对性地优化那些特别耗时的功能了。

   　　不要过分相信自己的直觉——有些代码可能看起来效率很低，但在某些JavaScript引擎上执行起来速度却很快。最好的办法就是时常地反复分析程序，对于修改过的代码，需要反复进行测试确保你的修改确实能够提升程序的性能。

   

   　　游戏变得越来越社会化：Warimals是基于HTML5的游戏，用户可以与Facebook上的好友一起参与游戏

   　　建议5：要有创造性！

   　　能够开发出在浏览器中运行的游戏是一件很棒的事情，而更酷的是可以使用HTML5在浏览器上开发游戏应用！从技术的角度看，HTML5是非常棒的，而浏览器也是非常理想的游戏平台。

   　　想想看…各种不同的设备上都有浏览器，它们通常是时时在线的，它是人们接收邮件、聊天和社交网络的工具。浏览器游戏的开发者，可以利用自己开发的游戏将来自世界各地的人们联系在一起。

   　　如果你还不熟悉HTML5的游戏开发，你可能将你在线下玩过的游戏照搬过来。这当然没有什么问题。但如果你想让你的游戏变为一个“交流工具”， 你最好能够拥有更加新颖和创造力的想法。Warimals就是一个例子，它是第一个基于HTML5的facebook游戏。在游戏中，用户可以扮演成一只 小狗或是小猫，并可以邀请自己的Facebook好友一同参加。用户有什么理由不喜欢这个游戏呢？

   　　总结

   　　感谢框架的开发者和JavaScript的相关工作者，HTML5已经成为了一个相当成熟的游戏开发平台。这是一个好消息，因为Web是唯一一 个适合各种应用广泛使用的运行环境。选择合理的工具（很多工具都可以在IE9和IE10中使用，并且能够免费下载到）和框架，HTML5游戏开发将是一件 简单并且有价值的事情，尤其适合开发新颖和社交性很强的游戏。