缓动功能


11

我开始让自己参与缓动功能(Flash AS3),并试图理解TweenLite和Robert Penner的网站:http ://www.robertpenner.com/easing/

我的问题是这些函数的数学基础是什么。我见过其他站点修改功能以创建自定义缓动功能。


1
我认为这在Robert Penners网站上链接的pdf中相当好且得到了广泛的解释:robertpenner.com/easing/penner_chapter7_tweening.pdf
bummzack 2011年

Answers:


6

通常情况下,补间只是参数运动(具体来说,定义函数f(x),其中x可以是0..1的位置/旋转/比例/任何值),并在传入的参数值上带有修饰符。也具有范围0..1。

如果将算法绘制在图形上,将会得到从0开始,从1结束的曲线,曲线的斜率定义了该时间点的速度。

如果您自己想要缓动函数的数学运算,请查看以下内容:http : //iphonedevelopment.blogspot.com/2010/12/more-animation-curves-than-you-can.html


4

我已经写了关于插值的入门书,这可能会有用-http://iki.fi/sol/interpolation/

另一个有用的资源是此交互式工具:http : //www.gizma.com/easing/


第一个链接非常有用。好文章。
bummzack,2011年

@JariKomppa我必须问,(3-2(x))是哪里来的?为什么x有括号?并非总是导致3-(2 * x)吗?
2012年

@Sidar记不住该公式来自何处,但基本上这是一个特殊情况的样条曲线(它导致一个简单的公式)。(x)是由于宏形式-'x'可以是任何东西,例如'3 + 7',它会导致(3-2 *(3 + 7))而不是(3-2 * 3 + 7)。
Jari Komppa 2012年
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.