逐渐减慢2D对象方法

Question

我正在考虑在网站上逐步放慢对象方法的任何优秀且经过验证的算法。

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

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

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

Answer 1

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

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