【发布时间】:2012-11-21 01:22:10
【问题描述】:
我正在尝试实现与此类似的缓动:
我正在尝试制作一个“月球漫步”的 HTML5 动画,我注意到月球漫步有速度增加的时期和速度减慢的时期。
我尝试使用 Sin 和 Cos 方程进行缓动,但结果不正确。
我需要什么方程式才能将其实现为 jQuery 缓动?
【问题讨论】:
标签: jquery animation jquery-animate easing
我正在尝试实现与此类似的缓动:
我正在尝试制作一个“月球漫步”的 HTML5 动画,我注意到月球漫步有速度增加的时期和速度减慢的时期。
我尝试使用 Sin 和 Cos 方程进行缓动,但结果不正确。
我需要什么方程式才能将其实现为 jQuery 缓动?
【问题讨论】:
标签: jquery animation jquery-animate easing
y = sin(x) + x 看起来像那个图。 Plot
【讨论】:
y = a * sin(f * 2*PI * x) + x
当a = 0.05 和f = 3 时,此等式与您的草图相匹配。
a 控制波的幅度。f 是频率,即0 和1 之间的周期数。我制作了一个 Desmos 图表,您可以在其中使用滑块玩 a 和 c:
【讨论】: