H5 canvas 实现飞机大战游戏

首先看几张效果图： 上面三张图分别对应游戏的三种状态 ready，play，pause。体验一下 先介绍一下canvas 画图的原理，在这个游戏中的背景，飞机，子弹以及飞机被击中爆炸的效果都是一张张的图片，通过canvas的 drawImage() 函数把这一帧需要的所有图片按其所在的位置（坐标）画到画布上，当然有时候也需要画些文本，比如左上角的得分；然后接着画下一帧，同时改变飞机和子弹的位置；画

>>阅读原文<<