javascript - 逐渐减慢 2D 物体接近

Question

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

在我的网站上，我希望引入新的对象，它们应该从屏幕外部到达它们想要的位置。但是，我不希望他们匀速过来，我希望他们慢慢的慢下来，直到最后停在想要的位置。

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

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

Answer 1

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

我非常喜欢these easing implementations ，它们是用 ActionScript 编写的，但很容易移植到 JavaScript。我将它们整合到我的游戏引擎中并取得了巨大成功。这是一个很好的 demo page显示相同的缓动函数。