html5在日益壮大，一个canvas在javascript的支撑下编的几乎无所不能。广大开发者把它已经玩出了花，有各种炫酷的例子特效，还有炫酷的音频可视化，当然也少不了我们的H5小游戏啦！
最近莫名对小游戏感兴趣，想自己也写一个小游戏。之前自己原生JS写过打飞机这样的游戏，还用Adobe Animate CC做过一些简单交互类小游戏。canvas小游戏有很多优点，当然也有一些缺点或者说不方便的地方。
首先，canvas在浏览器里无非就是一个元素，我们的鼠标、键盘、触摸或者设备重力感应等事件，最多传递到canvas上，尤其是点击事件，如果我们要判断用户是否点击了canvas中的某个图像块，并且要调用canvasAPI进行操作的话，就需要判断鼠标在canvas内的相对位置，判断鼠标是否在某一个图像块内部，这样会对开发造成大量的麻烦。所以许多html5框架提供了相应的解决方案，就比如说我们的AnimateCC中的createJS，大家可以百度一下这个框架，createJS几乎完美的解决了这个问题，同时也解决了音频，音效，动画加载等等的问题，同时在touch事件与mouse事件上也做了相应的兼容，当然也需要我们采一些坑。
不过，createjs也有自己的局限，毕竟它用来做游戏，也是一个不小的工程，毕竟它只是一个框架，而不是一个我们理想的开发模式。所以我接触了cocos2dcreator。
参照网络教程，制作了一个简单但有一点点魔性的小游戏，《史莱姆勇闯地下城》。先上游戏图！
DEMO地址：http://211.159.153.76/test/
(PS:有一点小BUG，第一次加载会出现开始游戏点击不了，大家等一会就自动进入了！前面加载也缓慢，因为就是买了一个个人服务器玩玩，所以刚开始加载有一点慢……)
好了，那么我们开始构建这个小游戏。
首先在cocos官网下载cocoscreator客户端：https://www.cocos.com/
(PS:个人建议下载稳定版本！)
下载完成注册账号，开始开发准备：
(PS:由于时间有限，所以分期进行更新博客)
小游戏有三个场景，分别是 ：欢迎页面、游戏页面、GAMEOVER页面
所以我们围绕cocos创建三个场景！
在创建三个场景之前我们要先了解一下cocoscreator客户端：
655
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
