H5 canvas 實現飛機大戰遊戲

首先看幾張效果圖： 上面三張圖分別對應遊戲的三種狀態 ready，play，pause。體驗一下 先介紹一下canvas 畫圖的原理，在這個遊戲中的背景，飛機，子彈以及飛機被擊中爆炸的效果都是一張張的圖片，通過canvas的 drawImage() 函數把這一幀需要的所有圖片按其所在的位置（座標）畫到畫布上，當然有時候也需要畫些文本，比如左上角的得分；然後接着畫下一幀，同時改變飛機和子彈的位置；畫

>>阅读原文<<