-
编程接口查看全部
-
设计一个通用的帧动画库查看全部
-
JS实现帧动画的原理查看全部
-
GIF和CSS3 animation实现帧动画的不足查看全部
-
重要点在课程的代码查看全部
-
编程接口3查看全部
-
编程接口2查看全部
-
编程接口1查看全部
-
js动画查看全部
-
原生JS实现帧动画库 设计一个通用的动画库（需求分析） 1. 支持图片预加载 2. 支持两种动画播放方式，及自定义每帧动画 3. 支持单组动画控制循环次数（可支持无限次） 4. 支持一组动画完成，进行下一组动画 5. 支持每个动画完成后有等待时间 6. 支持动画暂停和继续播放 7. 支持动画完成后执行回调函数 编程接口 1. loadImage(imagelist) //预加载图片 2. changePosition(ele, positions, imageUrl) //通过改变元素的background-position实现动画 3. changeSrc(ele, imglist) //通过改变image元素的src 4. enterFrame(callback) //每一帧动画执行的函数，相当于用户可以自定义每一帧动画的callback 5. repeat(times) //动画重复执行的次数，times为空时表示无限次 6. repeatForever() //无限重复上一次动画，相当于repeat()，更友好的一个借口吧 7. wait(time) //每个动画执行完后等待的时间 8. then(callback) //动画执行完成后的回调函数 9. start(interval) //动画开始执行，interval表示动画执行的间隔 10. pause() //动画暂停 11. restart() //动画从上一次暂停处重新执行 12. dispose() //释放资源 调用方式： 1.支持链式调用，我们期望动词的方式描述接口 var animation = require('animation'); var demoAnimation = animation().loadImage(images).changePosition(ele, positions) .repeat(2).then(function () { //动画执行完成后调用此函数 }); demoAnimation.start(80);查看全部
-
JS实现帧动画原理查看全部
-
为什么要用JAVASCRIPT帧动画查看全部
-
第一种方式是请求了多张图片，相当于多个HTTP请求 第二种方式只是请求了一张图片，只有一次HTTP请求查看全部
-
JS实现帧动画的原理查看全部
-
assault查看全部
举报
0/150
提交
取消