五次缓动

缓动及缓动库 everyinch 1614℃ 0评论

在mx.effects.easing包中,五次缓动命名为Quintic.as。五次缓动基于时间t变量的四次方:
p(t) = t5
五次缓动运动曲线如图6-9,它的起始速度非常慢,然后变得非常快。

五次缓动曲线

将线性、二次到五次曲线画在了一张图上,从中可以比较它们的不同效果。

线性、二次、三次、四次和五次缓动曲线

五次缓动的缓入、缓出和缓入-缓出函数如下:

public static function easeIn(t:Number, b:Number, c:Number, d:Number):Number{
    return c * (t /= d) * t * t * t * t + b;
}
public static function easeOut(t:Number, b:Number, c:Number, d:Number):Number{
    return c * ((t = t / d - 1) * t * t * t * t + 1) + b;
}
public static function easeInOut(t:Number, b:Number, c:Number, d:Number):Number{
    if ((t /= d / 2) < 1) return c / 2 * t * t * t * t * t + b;
    return c / 2 * ((t -= 2) * t * t * t * t + 2) + b;
}

缓入方程c * (t /= d) * t * t * t * t + b,整理为c * t5 + b。缓出方程c * ((t = t / d – 1) * t * t * t * t + 1) + b,整理为c * ((t – 1)5 + 1) + b。也就是将标准五次曲线向右、向上平移1个单位。缓入-缓出方程分为两个部分。当0 <= t < 1时,整理代码c / 2 * t * t * t * t * t + b为c / 2 * t5 + b。当1 <= t <= 2时,执行代码c / 2 * ((t -= 2) * t * t * t * t + 2) + b,整理一下就是c / 2 * ((t – 2)5 + 2) + b,将五次函数的图像向右、向上平移2个单位



转载请注明:陈童的博客 » 五次缓动

喜欢 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

无觅相关文章插件,快速提升流量