HTML5Canvas飞

HTML5 的 Canvas 游戏源码，飞机躲避玩法，代码清爽，逻辑清晰。用来练手再合适不过，适合想快速上手游戏开发的朋友。飞机移动、障碍物生成、碰撞检测这些核心功能都实现了，改改就能用，拓展性也不错。

Canvas 画图的飞机游戏，逻辑挺简单，画面也还行，代码结构清晰。核心是用requestAnimationFrame控制帧率，飞机和障碍物的运动都是靠这个循环来的。响应也快，体验流畅。

键盘事件控制飞机移动，监听方向键触发事件。配合addEventListener，基本上一套keydown逻辑就能搞定，操作手感还不错。

碰撞检测用的就是矩形边界判断。两个物体的 x、y、width、height 一比，重叠了就“撞上了”。这种逻辑看着笨，但挺好懂。

本地存储部分也有用到localStorage保存分数，刷新之后还能记得高分，蛮贴心。你也可以加个排行榜之类的功能试试。

音效用的是Web Audio API，开个背景音乐、撞击声音这些不难。格式记得用.mp3或者.ogg，兼容性会好点。

UI 部分基本靠CSS3动画来撑，飞机抖动、爆炸效果、开始按钮的动画，都是transition或animation配合搞的。样式也能自己改，想玩得炫酷点也容易。

如果你刚入门 Canvas 游戏开发，或者想做个小游戏上线放放广告，这份源码还挺值一试的。想看的话可以从这里下：HTML5 飞机小游戏源码下载。