javascript - 帮助制定三次缓动方程

Question

我有如下一段代码

int steps = 10;
for (int i = 0; i <= steps; i++) {
    float t = i / float(steps);
    console.log( "t  " + t );
}

输出以这样的线性方式输出数字 { 0, 0.1, 0.2, ..., 0.9, 1.0 } 我想应用三次(进或出)缓动方程，使输出数字逐渐增加或减少

---

更新

不确定我的实现是否正确，但我得到了预期的曲线

float b = 0;
float c = 1;
float d = 1;
for (int i = 0; i <= steps; i++) {
    float t = i / float(steps);

    t /= d;

    float e = c * t * t * t + b;

    console.log( "e  " + e );
    //console.log( "t  " + t );
}

Answer 1

EasIn 三次函数

/**
 * @param {Number} t The current time
 * @param {Number} b The start value
 * @param {Number} c The change in value
 * @param {Number} d The duration time
 */ 
function easeInCubic(t, b, c, d) {
   t /= d;
   return c*t*t*t + b;
}

EaseOut 三次函数

/**
 * @see {easeInCubic}
 */
function easeOutCubic(t, b, c, d) {
   t /= d;
   t--;
   return c*(t*t*t + 1) + b;
}

在这里您可以找到其他有用的方程式:http://www.gizma.com/easing/#cub1

将此代码放入一段时间，就像您之前所做的那样，您将得到输出立方递减的数字。