建议#3：自动保存用户的记录

使用 site pinning,web浏览器试图让web apps可以像桌面apps一样工作。但是，让网站像apps一样运行的想法还比较新鲜，同样的，让web页面保存客户端的状态也尚未成熟。用户在关闭 Microsoft Word的文档时可能会思考一下内容是否已经保存，而在关闭web页面时往往不会这么仔细了。通常这并不会带来什么问题——大多数的web页面是没有状态的，或者是将用户的记录保存在了服务器上。

但如果是处理浏览器游戏，情况就完全不同了。通常在客户端执行的是JavaScript代码，HTML5游戏通常将游戏的状态缓存在内存中(RAM)。一旦关闭浏览器窗口，用户辛辛苦苦赢得的高分就永远地丢失了。

你可以要求用户小心一点，不要将正在进行的游戏窗口关闭，但是意外总是会发生的，尤其是当用户开了多个窗口或是电池没电的时候。

长话短说：在编写HTML5游戏时，最好是经常将游戏玩家的进度状态保存一下，当用户重新打开关闭的web页面时，应该让用户可以继续之前没有结束的游戏而不是重头来过。

你应该将用户的记录保存在哪里呢?过去，答案往往是服务器端的数据库或是客户端的cookie。但是这两个都不是最佳的选择。如果是在服务器端，则会产生额外的HTTP请求开销。如果是cookie的话，则可以保存记录的空间非常有限，并且cookie的寿命取决于浏览器的配置。

一个更有效的方法是使用HTML5 DOM storage。DOM Storage提供了一个key-value存储(或是JavaScript定义的对象)的接口，可以为每个网站保存几兆的数据。使用起来非常方便，但是在HTML5游戏中，你可能想要记录一些更加复杂的数据结构——这些DOM storage本身可能并不支持。幸运的是，现在的JavaScript提供了一套机制帮助开发者将一组对象压缩成一些紧凑的符号，这就是JSON机制。使用这套机制，DOM storage可以保存任何格式的信息。下面的两个函数展示了如何使用HTML5 DOM storage保存游戏状态以及ECMAScript5中的JSON功能：

建议#4：使用profiler

游戏开发中最大的挑战是在加入许多功能以后，如何保证游戏仍然具有高的帧显示频率。

好的消息是近几年来，浏览器的速度越来越快了，基于HTML5的游戏已经可以达到每秒60帧了。

这是非常了不起的。对IE9来说，这意味着开发了一个全新的JavaScript引擎，能够利用多CPU内核以及基于Direct2D的硬件渲染管道。换言之，如果你配备了高配置的游戏平台，IE9就能充分地利用这些硬件平台。

IE9整合了JavaScript分析器，能够发现性能瓶颈

对于简单的游戏，这意味着你不必担心它的性能问题。但由于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游戏开发将是一件简单并且有价值的事情，尤其适合开发新颖和社交性很强的游戏。