Function 将放松功能转换为画布上的移动对象？

我正在尝试从本页使用这些缓解功能

在我的canvas项目中，我想知道是否有人能解释一下如何将它们与画布上具有x和y属性的矩形一起使用

我知道

t

是时间（我已经成功地获得了帧间隔的增量时间，不确定是否需要）

我如何使用这些函数将缓和效果应用于我的矩形，该矩形具有

x

和

y

属性，这是它应放置在画布上的坐标

我知道这个问题有点模糊，但我真的不理解这些函数以及它们应该如何与画布上的矩形集成

---

谢谢你可以这样使用它-

（）

在您的循环中：

function myLoop() {

    var tx = EasingFunctions.easeInQuad(t) * x;    

    // set element by tx

    if (t < 1) {
        t += 0.1; //determines speed
        requestAnimationFrame(myLoop);
        //setTimeout(myLoop, 16); //option to above
    }
}

函数myLoop（）{
var tx=测量函数。easeInQuad（t）*x；
//通过tx设置元素
if（t<1）{
t+=0.1；//决定速度
requestAnimationFrame（myLoop）；
//setTimeout（myLoop，16）；//以上选项
}
}

另请参见：

---

我知道写自己的代码很好；但是如果你想使用一个库，那么这一个很好：

---

它使用了您提到的支持链接的缓和方法。

我很欣赏您的回答，但我很难充分使用库，直到我从根本上了解它在做什么以及它是如何做的。对于制作，我会使用tween js，但我现在只是想学一点，谢谢你，伙计。

function myLoop() {

    var tx = EasingFunctions.easeInQuad(t) * x;    

    // set element by tx

    if (t < 1) {
        t += 0.1; //determines speed
        requestAnimationFrame(myLoop);
        //setTimeout(myLoop, 16); //option to above
    }
}