今天跟大家唠唠我最近搞的那个“飞天小女警游戏”！说起来，这还是我小时候最喜欢的动画片之一，花花、泡泡、毛毛，那叫一个经典。就寻思着自己也搞一个，算是圆个童年梦！
我是想着用现成的游戏引擎，比如 Unity 或者 Cocos Creator。毕竟这些引擎功能强大，素材也好找。但是我转念一想，这不就成了“套壳”游戏了吗？没意思！我就是要从零开始，自己写代码，自己画图，做一个独一无二的“飞天小女警”！
说干就干！我先是恶补了一下 HTML5 Canvas 和 JavaScript 的知识。Canvas 用来画图，JS 用来控制逻辑，这俩是绝配！然后，我就开始在纸上画草图。人物怎么画？场景怎么设计？敌人怎么搞？反正是想到哪儿画到哪儿，乱七八糟的。
接下来就是漫长的编码过程。先是把花花、泡泡、毛毛这三个主角给画出来。我用的是简单的圆形和三角形，然后用不同的颜色填充。虽然看起来有点简陋，但是好歹有了个雏形。然后，我就开始写控制代码，让她们可以上下左右移动，可以发射激光，可以放必杀技。
这里面最难搞的就是碰撞检测。怎么判断主角和敌人相撞？怎么判断激光打中敌人？我研究了好久，才搞明白了 AABB 碰撞检测的原理。就是把每个物体都看成一个矩形，然后判断矩形之间是否有重叠。虽然简单粗暴，但是效果还不错。
画完主角，就是画场景。我用 Canvas 画了一些简单的建筑物和街道，然后用不同的颜色填充。为了增加趣味性，我还加了一些小彩蛋，比如隐藏的道具和可以破坏的物体。
- 敌人方面，我设计了几种不同的类型。
- 有只会傻乎乎往前冲的，
- 有会发射子弹的，
- 还有会释放毒气的。
每种敌人都有不同的攻击方式和血量，需要用不同的策略来对付。
游戏搞到这个程度，基本上就有了个样子。但是，玩起来还是有点单调。于是我又加了一些特效，比如爆炸效果、闪烁效果、颜色渐变等等。这些特效都是用 JS 代码实现的，虽然有点费时间，但是效果确实不错。
的收尾
我还给游戏加了背景音乐和音效。背景音乐是从网上找的，音效是用一些免费的工具制作的。虽然音质一般，但是也总比没有强。
整个游戏开发过程，大概花了我两个多月的时间。期间遇到了各种各样的问题，有时候卡在一个 bug 上好几天都解决不了。但是，每当解决一个问题，我就感到特别的成就感。
这个“飞天小女警游戏”已经基本完成了。虽然画面简陋，玩法也比较简单，但是它是我自己一点一点做出来的，充满了我的心血和回忆。以后有机会，我会继续完善它，让它变得更加好玩。
这回游戏开发经历让我收获了很多。我不仅学会了 HTML5 Canvas 和 JavaScript 的知识，还体会到了游戏开发的乐趣和挑战。如果你也想自己做游戏，不妨从一些简单的项目开始，一步一个脚印，相信你也能做出属于自己的游戏！