缓动公式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了缓动公式相关的知识,希望对你有一定的参考价值。

技术图片

function UIUtil.EaseOut(t,b,c,d)
    if t > d then 
        t = d
    end
    local x = t/d;         

    return b + (c - b) * (1-(x -1)^ 2) --偶数幂用上面这个
    -- return  b + (c - b) * (1 - (1 - x)^ 3)   --奇数幂用下面这个
end

function UIUtil.EaseInOut(t,b,c,d)
    if t > d then 
        t = d
    end
    if t < d/2 then
      return UIUtil.EaseIn(t,b,(b+c)/2,d/2);
    else
        local t1 = t-d/2; 
        local b1 = (b + c)/2;
        return UIUtil.EaseOut(t1,b1,c,d/2);
    end
end

function UIUtil.EaseIn(t,b,c,d)
    if t > d then 
        t = d
    end
    local x = t/d; 
    local y = x ^ 2; --这里的幂控制倾斜率
    return b+(c-b)*y; 
end

t是当前时间,b是起始数值,c是最终数值,d是终止时间

以上是关于缓动公式的主要内容,如果未能解决你的问题,请参考以下文章

缓动公式

div盒子的缓动函数封装

AS3动画效果常用公式

弹动的公式和检测矩形边界的公式

定时器缓动动画

WPF中的动画——缓动函数