javascript - 逐渐减慢 2D 对象方法

Question

我正在考虑任何好的且经过验证的算法来逐渐减慢网站上的对象方法。

在我的网站上，我希望引入新的对象，它们应该从屏幕外部来到他们想要的位置。但是，我不希望它们以恒定的速度来，而是希望它们逐渐减速，直到它们最终停在所需的位置。

这应该会增加网页的柔和感。

无论对象的原始点和目标点之间的距离有多远，是否有任何好的算法可以很好地工作？

Answer 1

这被称为“缓动”，大多数动画框架都支持它。如果您可以使用 ExtJS 或 jQuery 之类的东西，您将免费获得对动画的轻松支持。如果您是手动执行操作，那么添加缓动并不是那么困难。

我非常喜欢这些缓动实现，它们是用 ActionScript 编写的，但很容易移植到 JavaScript。我将它们整合到我的游戏引擎中并取得了巨大成功。这是一个很好的演示页面，展示了相同的缓动函数。