jQuery Moonwalk Easing

Question

我正在尝试实现与此类似的缓动：

我正在尝试制作一个“月球漫步”的HTML5动画，我注意到月球漫步有如何增加速度和减速时间。

我试图使用Sin和Cos方程式进行缓动而没有正确的结果。

为了实现这个jQuery缓动，我需要什么方程式？

感谢您的帮助。

Answer 1

y = sin(x) + x看起来像那张图。 Plot

Answer 2

y = a * sin(f * 2*PI * x) + x

此等式与a = 0.05和f = 3时的草图相匹配。

• a控制波浪的振幅。
• f是频率，即0和1之间的周期数。

我制作了一张Desmos图表，您可以使用滑块在a和c上玩：

https://www.desmos.com/calculator/hpn1oxtwvt