canvas+createjs制作满天星星旋转效果
作者:admin 日期:2014-04-07canvas+createjs+tweenmax制作满天星星旋转效果,效果跟FLASH类似,但完全兼容IOS设备,已经在IPAD上做过测试。canvas动画不兼容IE9之下的浏览器。这种制作的主要目的,是为了寻找一种可以代替FLASH的动画方式。
主要代码参见:http://blog.258754.cn/2014/canvas/common.js
值得一提的是,createjs的组件之一PreloadJS类,可以提供带progress进度条的载入效果,对于有较大图片量的特效非常实用。本例中的三张图片-背景和星星,都是由外部载入的,使用console.log进度看到进度的输出。
另外注意:
1、要更新当前画面,必须使用createjs.Ticker.addEventListener("tick", tick);
2、在本地测试无用!必须上载到服务器。
3、queue.load();非必要,不用也可以开始载入
[本日志由 admin 于 2014-04-07 08:18 PM 编辑]
文章来自: 本站原创引用通告: 查看所有引用 | 我要引用此文章
Tags: canvas createjs 星星旋转效果
相关日志:
评论: 0 | 引用: 0 | 查看次数: 10574
发表评论