AEJoy —— 表达式之归位(复位)模拟详解【JS】

效果图

归位(back)

1102.gif

表达式代码与注释

var s = 1.70158; ///< 用于 "归位" 的超越量

/// @note 归位函数
function outBack(t, b, c, d) {
    if (s == null)
        s = 1.70158;
    return c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b;
}

/// @note 实际调用弹性函数的缓动函数
function easeAndWizz() {

    var n = 0;
    
    /// @note 确保关键帧帧数是大于 0 的
    if (numKeys > 0) {
        n = nearestKey(time).index; ///< 获取最近的关键帧索引
        if (key(n).time > time) { ///< 如果最近的关键帧所处时间在当前时间之后(即时间还没到)
            n--; ///< 则取前一个关键帧的索引
        }
    }
    try {
        /// @note 前后两个关键帧
        var key1 = key(n);
        var key2 = key(n + 1);
    } catch (e) {
        return null;
    }

    /// @note 确定关键帧需要的数据维度
    var dim = 1; ///< 该属性至少是一维的
    try {
        key(1)[1]; ///< 数据有第二维度
        dim = 2;
        key(1)[2]; ///< 数据有第三维度
        dim = 3;
    } catch (e) { }
    t = time - key1.time; ///< 当前时间和前一个关键帧的时间差
    d = key2.time - key1.time; ///< 前后俩关键帧的时间差
    
    /// @note 计算关键帧上的属性,用于后期的弹性计算
    /// 一维
    sX = key1[0];
    eX = key2[0] - key1[0];
    /// @note 二维
    if (dim >= 2) {
        sY = key1[1];
        eY = key2[1] - key1[1];
        /// @note 三维
        if (dim >= 3) {
            sZ = key1[2];
            eZ = key2[2] - key1[2];
        }
    }
    if ((time < key1.time) || (time > key2.time)) {
        return value;
    } else {
        /// @note 进行归位计算
        val1 = outBack(t, sX, eX, d);
        
        /// @note 同样分为三个维度进行计算
        switch (dim) {
            case 1:
                return val1;
                break;
            case 2:
                val2 = outBack(t, sY, eY, d);
                return [val1, val2];
                break;
            case 3:
                val2 = outBack(t, sY, eY, d);
                val3 = outBack(t, sZ, eZ, d);
                return [val1, val2, val3];
                break;
            default:
                return null;
        }
    }
}
(easeAndWizz() || value);
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ShaderJoy

您的打赏是我继续写博客的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值