飞机大作战H5打飞机小游戏（Webpack+Canvas）
飞机大战小游戏的代码资源，挺适合用来练手前端技能的，尤其是对 Canvas 和 ES6 感兴趣的朋友。整体用的是 webpack 打包，代码结构清晰，用了 面向对象 的方式来组织逻辑，像子弹、敌机、主角这些都有各自的类，继承关系也比较明了，调试起来方便。
画面绘制主要靠的是 canvas，响应也快，动画流畅。再加上 资源预加载 和 audio 标签 的，在移动端表现也挺稳，像 iOS 音频不自动播放的问题也考虑到了，有做兼容。
打飞机游戏虽然是个老题材，但它的开发流程其实涵盖了蛮多前端核心知识，比如 DOM 事件绑定、对象生命周期管理，还有响应式。这种项目适合想把 ES6 语法练熟、把 模块化开发玩明白的你。
如果你正在学 canvas 或想看看 webpack 在项目中的实战效果，这个项目还是挺值一看的。相关文章也不少，像这篇对整体结构讲得蛮清楚的。
文件大小：1.1MB
评论区