canvas+createjs制作满天星星旋转效果

canvas+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
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱: 支持Gravatar头像.
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 300 字 | UBB代码 关闭 | [img]标签 关闭