随笔分类 -  动画基础

[翻译]增强版setTimeout() / setInterval()
摘要：更新（2011/07/09）Firefox 5实现mozRequestAnimationFrame 但没有mozCancelRequestAnimationFrame，为了确保下面的函数正常运行，代码进行了调整，强制Firefox使用setTimeout/setInterval，直到mozCancelRequestAnimationFrame可用为止。更新（2011/06/04）修正了函数，so that they can be cancelled with drop in replace functions for clearTimeout() & clearInterval()。= 阅读全文
posted @ 2011-10-23 17:16 越己 阅读(767) 评论(0) 推荐(0) 编辑
[翻译]使用requestAnimationFrame实现炫目的动画
摘要：写缓动函数用到requestAnimationFrame函数，之前了解过一些，但总觉得又不是很了解，所以翻译一篇老外的文章，以便学习分享。requestAnimationFrame是什么？以前我们做动画需要一个定时器，每间隔多少毫秒就做出一些改变。现在有个好消息：浏览器厂商已经决定提供一个专门做动画的方法，即requestAnimationFrame()，而且基于浏览器的层面也能更好的进行优化。但是呢，这只是一个做动画的基础API，即不基于DOM元素的style变化，也不基于canvas，或者WebGL。所以，具体的动画细节需要我们自己写。我们为什么要用它？对于同时进行的n个动画，浏览器能够进 阅读全文
posted @ 2011-09-30 16:42 越己 阅读(4741) 评论(13) 推荐(3) 编辑
说好的缓动呢？
摘要：jQuery的缓动函数不给力，被逼自己写一个，既然要写，先把需求列好：1. 动画类型有：linear, easeIn, easeOut,easeInOut2. 可以在缓动过程中改变属性，也可以是调用函数，并改变函数的参数（后者是我的初衷，jq只支持属性，见当0碰上0）动画是怎样产生的？学过Flash的人应该知道帧，帧就是一个画面，通常一秒25帧，也就一秒播放25个画面，如此快速的放过去，静态也成了动态（当然，前提是25个画面不是同一个画面，囧。。。）难道做动画要画N多图，好吧，这叫“逐帧动画”，如果你很闲大可以这么干，因为这样做的效果绝对是顶级的，毫无瑕疵的。但是我一点都不闲，我画画的水平连幼 阅读全文
posted @ 2011-09-29 01:12 越己 阅读(2956) 评论(33) 推荐(10) 编辑

点击右上角即可分享
微信分享提示