【问题标题】:jQuery Moonwalk EasingjQuery Moonwalk 缓动
【发布时间】:2012-11-21 01:22:10
【问题描述】:

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

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

我尝试使用 Sin 和 Cos 方程进行缓动,但结果不正确。

我需要什么方程式才能将其实现为 jQuery 缓动?

【问题讨论】:

    标签: jquery animation jquery-animate easing


    【解决方案1】:

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

    【讨论】:

    • 是的,确实如此!虽然,真正的问题是如何将该模式放入 0.0 到 1.0 之间的 y 值
    • 这将是沿 x 轴的简单压缩(将整个函数除以您希望为 1.0 的 x 值)。
    【解决方案2】:
    y = a * sin(f * 2*PI * x) + x
    

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

    • a 控制波的幅度。
    • f 是频率,即01 之间的周期数。

    我制作了一个 Desmos 图表,您可以在其中使用滑块玩 ac

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-08-07
      • 2011-05-25
      • 2010-12-13
      相关资源
      最近更新 更多