游戏制作

HTML5游戏制作

创建画布
在画任何东西之前，我们必须创建一个画布。因为这是完全指南，并且我们将用到jQuery.
游戏循环
为了呈现给玩家连贯流畅的游戏动画，我们要频繁地渲染画布来欺骗玩家的眼睛。（注：当你稍微更改了一些代码的时候就执行一下程序，这样可以更快的找到程序出错地方。）
创建player
创建一个包含player所有信息的对象,并且要有draw方法。这里创建了一个简单的对象包含了所有的player信息。我们现在用一个纯色的矩形来代表player.当我们把它加入游戏当中的时候，我们需要清除画布并且画上player.
键盘控制
使用jQuery Hotkeys，plugin在处理键盘行为的时候，可以更加容易的兼容不同的浏览器。让开发者不用因为不同浏览器之间的keyCodeandcharCode不同而苦恼。
添加更多游戏元素
我们开始真正意义上的添加炮弹，首先，我们需要一个集合来存储它；然后，我们需要一个构造器来创建炮弹；当玩家开火，我们需要向集合中添加炮弹；修改update和draw方法，实现开火。
碰撞检测
加入声音

最终效果：