HTML5的跨平台开发和统一标准为开发者提供了巨大的便利,当然还有HTML5框架的出现也为开发者节省了不少麻烦,例如,当你使用了很多的图片,声音效果,和其它的资源,它们会花费一些时间等待浏览器从服务器下载。 如果在编写游戏时, 你不把它放在心上, 你会焦头烂额。 因为图片声音文件是异步加载的,JavaScript代码会在资源全部加载完成前执行。这常常导致"popping"图片不可用,声音效果在需要的时候不播放。正确的的修正方法是创建一个预加载器,延后脚本代码的执行,直到所有的资源都下载完毕为止。
另一个问题是,你很可能想在不同的机器和不同的浏览器,以不同的速度运行你的游戏。 对此, 当你没有更多做为的时候,你仍要确保动画和移动速帧独立于游戏运行平台。
实际上, 每个游戏都很多功能性的样板代码。 幸运的是, 这些代码开发者不用自己从头编写。有很多HTML5框架让开发者仅关注游戏逻辑, 而不是去担心这些琐碎的事, 确保游戏顺利运行。
使用框架唯一需要注意的是, 你有太多选择。 像ImpactJS框架, 皆在帮助开发游戏的方方面面, 而像EaselJS框架主要关注图形处理。 最后还是由你来挑选你认为最舒服的框架。 这些可能让人摸不着头脑, 但在JavaScript世界, 确定了框架往往意味着确定了编程风格。
ig.module(
'monster'
});
一个好例子是ImpactJS, 它不仅提供图形显示的抽象或播放声音效果, 也织入了自定义对象和继承模型,如上所示,