最近，我迷上捣鼓小游戏，就想着能不能用H5搞一个出来。你知道的，H5这玩意儿，不用安装，点开就能玩，多方便！于是我就开始我的H5游戏框架探索之旅。
我是两眼一抹黑，啥也不懂。就在网上到处搜，看哪个框架比较顺眼。你猜怎么着？还真让我找到几个：
...
最近，我迷上捣鼓小游戏，就想着能不能用H5搞一个出来。你知道的，H5这玩意儿，不用安装，点开就能玩，多方便！于是我就开始我的H5游戏框架探索之旅。
我是两眼一抹黑，啥也不懂。就在网上到处搜，看哪个框架比较顺眼。你猜怎么着？还真让我找到几个：
- 这家伙名气挺大，说是做3D效果很厉害，很多网页上的3D展示都是用它做的。
- Phaser：这个看起来也不错，文档、教程、案例，都挺全的，功能也挺多。
- LungoJS、Kendo UI、Sencha Touch、Jo……这些名字听起来就挺专业的，说是能做出像原生App一样的效果，还能兼容各种手机系统。
- Siimpler：这个名字就很有意思，说是“简单”，能帮你快速搭建HTML5的结构。
- Hilo：这是阿里团队搞出来的，说是对前端开发者特别友轻量级，没啥依赖，适合做那种营销小游戏。
- MUI: 这是一个UI框架，使用方便，操作简单。
- LimeJS: 专门做HTML5游戏的。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
我挑来挑去，看上Phaser。为啥？因为它资料多！对于我这种新手来说，有详细的教程和案例，简直就是救命稻草！而且它还支持两种渲染方式，Canvas和WebGL，听起来就很厉害的样子！
开始动手
选定框架，接下来就是动手干！我先去Phaser的官网，把它的示例代码和教程都看一遍。别说，还真挺容易上手的。跟着教程一步一步来，很快就搭起一个简单的游戏场景。
然后，我就开始琢磨着怎么往里面加东西。加个小人儿，加点障碍物，再加点背景音乐…… 慢慢地，我的小游戏就有点样子。
中间也遇到不少坑。有时候，代码写着写着就报错；有时候，明明逻辑没问题，但效果就是出不来……这时候，我就得去网上查资料，或者去论坛里请教大神。不过解决问题的过程也挺有意思的，每搞定一个bug，就感觉自己又进步一点。
最终实现
经过一段时间的折腾，我的第一个H5小游戏终于出炉！虽然画面比较简单，玩法也比较单调，但毕竟是自己亲手做出来的，还是很有成就感的！
这回的H5游戏开发之旅，让我学到不少东西。不仅熟悉Phaser框架的使用，还对H5游戏开发有一个初步的解。以后有时间，我还要继续深入研究，做出更好玩的游戏！
