注:本地预览请用火狐浏览器,chrome浏览器需要在服务器运行
因为使用了dataimage对象 所以在查看效果的时候需要在服务器上查看 不能填色 (ie浏览器可以直接打开查看)
主要是基于HGAME。js编写的
animate对象
该对象提供了动画的方法详情请查看源码有一定的注释 (不懂的可以评论回答)
Object2D 2D对象
该对象扩展了点击的属性详情请查看源码有一定的注释 (不懂的可以评论回答)
canvas 对象
该对象提供了着色的方法 详情请查看源码有一定的注释 (不懂的可以评论回答)
source对象
该对象提供了加载静态文件的方法(img对象需要加载完成才能绘制在canvas上)
代码的大概思路:
创建canvas对象 -> 获取资源->调用render方法绘制->绑定click事件改编img的颜色->完善用户获得颜色->新增更多的可绘制图片->完成开发