首页 > 技术文章 > 微信朋友圈HTML5小游戏——看你有多色

tryitboy 2014-08-08 10:24 原文

这几天微信朋友圈流行很多小游戏,其中看你有多色很出名,转发量也很大,于是我去就用一上午的时间学习了下整个游戏的制作过程。
整个游戏的实现是通过createjs这个html5的库实现的,
可以说是一款为HTML5游戏开发的引擎。有兴趣的可以看下官网具体的文档,----->http://www.createjs.com/
整个createjs一共有四种类型,我们使用其中的easeljs就可以,到官网下载就好了。


下载好之后选择C:\\easeljs-0.7.0-1385948948691\EaselJS-release_v0.7.0\lib\easeljs-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/





推荐阅读