js做gif动画【MovieClip插件】

1.通过textureMerger【导出】合成的图片和对应的json


2.引入MovieClip库文件


3.设置动画节点<div id="anim_float"></div>


4.把json里的数据写成js对象格式  {"duration":2 两张图片的间隔时间。如果是从psd里面看到的是0.2,此处应该写0.2*20=4,写为4



5.new一个对象
new MovieClip("图片路径", 图片配置, 'mc', '节点').gotoAndPlay(1,-1);    //-1循环播放    1,2,3播放次数

posted @ 2017-03-21 15:54  Shimily  阅读(612)  评论(0编辑  收藏  举报