我正在考虑使用任何好的且经过验证的算法来逐渐减慢网站上的对象方法。
在我的网站上,我希望介绍新对象,它们应该从屏幕外部移至所需位置。但是,我不希望它们保持恒定的速度,而是希望它们逐渐减速,直到它们最终停在所需的位置。
这应该从网页上增加柔和的感觉。
是否有任何好的算法可以很好地起作用,而不管对象的原始点与目标点之间的距离如何?
最佳答案
这称为“缓动”,大多数动画框架都对此提供支持。如果您可以使用ExtJS或jQuery之类的东西,则可以免费获得对动画的轻松支持。如果您是手动做事,那么增加宽松并不难。
我非常喜欢these easing implementations,它们是用ActionScript编写的,但是移植到JavaScript的程度却很小。我将它们成功地融入了我的游戏引擎。这是一个很好的demo page,显示了相同的缓动功能。