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播放次数

转载于:https://www.cnblogs.com/shimily/articles/6594766.html

js做gif动画【MovieClip插件】相关推荐

html5文字飞入插件,jquery使用CSS3实现文字动画效果插件Textillate.js
jquery使用CSS3实现文字动画效果插件Textillate.js Textillate是一款基于CSS3动画效果的 JavaScript 库,您可非常轻轻松地把这些动画效果应该于网页中的任何文字 ...
使用three.js做一个网页的相册动画
想了很久不知道有没有必要,但还是记录下来,以后说不定还会用的到,希望大家也有机会试试就先做一个简单的页面,做一下动画,放一些图片吧,以后有新东西还是会加进来的 1.先创建一个html文件,初始化代码 ...
用js做一个鼠标惯性动画
用js做一个简单的鼠标惯性动画 <style type="text/css">#div1{width: 50px;height: 50px;background: re ...
用three.js做一个新闻联播开头动画（一）
一个好习惯,先给结论最终效果如下: 在线体验地址:点我预览代码地址:点我github 本文首发于:https://blog.gis1024.com/three_news_op_1.html 这里才 ...
qt web混合编程_QT做界面真是绝美，并且还可嵌入HTML与JS做界面（许多案例）
1. 这年头想要酷炫, 还是用web最方便, QT自带嵌入式webkit, 然后用d3.js D3.js - Data-Driven Documents什么的, 各种酷炫的互动表随手而来. 这里有各种 ...
html 萤火虫特效,jquery萤火虫飞舞动画特效插件
这是一款jquery萤火虫飞舞动画特效插件.通过该插件,你可以制作出萤火虫满屏飞舞的效果,你可以指定萤火虫的大小.数量.颜色和透明度等属性. 使用方法在页面中引入jquery和jquery.fire ...
CSS3，JS制作网页动画（时空穿梭，魔方，坠落星星，全屏樱花特效）
目录 1.整体效果三个页面 2.P1时空穿梭 3.P2主页 4.P3樱花 1.整体效果三个页面初衷是做一个祝福生日的模板,从第一张到最后一张是三个页面点击跳转依次显示,用gif图制作一些动画效果还是 ...
js原生刻度尺滚动滑块插件
为什么80%的码农都做不了架构师?>>> js原生刻度尺滚动滑块插件用的MUI框架,原生兼容性很好,性能也更好,所以费了很大的力气改成原生的分享给大家. 有时间了改成手机版. ...
python 动画场景_vue页面引入three.js实现3d动画场景操作
vue中安装Three.js 近来无聊顺便研究一些关于3D图形化库.three.js是JavaScript编写的WebGL第三方库.Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它通过 ...
html页面如何引入表情插件,jquery动画表情插件
jquery.mb.emoticons.js是一款jquery动画表情插件.它允许你通过面板拾取某个表情符号,然后可以通过这些表情相应的关键字符号将它们转换为gif动画表情. 使用方法在页面中引入j ...

js做gif动画【MovieClip插件】

js做gif动画【MovieClip插件】相关推荐

最新文章

热门文章