这几天微信朋友圈流行很多小游戏,其中看你有多色很出名,转发量也很大,于是我去就用一上午的时间学习了下整个游戏的制作过程。
整个游戏的实现是通过createjs这个html5的库实现的,
可以说是一款为HTML5游戏开发的引擎。有兴趣的可以看下官网具体的文档,----->http://www.createjs.com/
整个createjs一共有四种类型,我们使用其中的easeljs就可以,到官网下载就好了。
下载好之后选择C:\easeljs-0.7.0-1385948948691EaselJS-release_v0.7.0libeaseljs-0.7.0.min.js 导入项目文件夹即可
接下来创建一个页面index并引入
easeljs-0.7.0.min.js
同时创建app.js并在index中引入
<script src="app.js"></script>
在app.js图形绘制:
同时创建Rect.js:
注意Rect.js要引用在app.js之前。
演示地址:http://1.kanshuise.sinaapp.com/