animation - 如何减慢 Framer 动画

Question

我正在寻找一种将 FramerJS 动画减慢一定幅度的解决方案。

在Velocity Animation 框架中Velocity.mock = 10，可以将所有内容减慢10.

要么文档缺乏这方面的内容，要么这个特性目前不存在，应该真正实现。

Answer 1

您可以使用

Framer.Loop.delta = 1 / 120

将所有动画减慢 2 倍。默认值为1 / 60。

Answer 2

虽然哈维尔的答案适用于大多数动画，但它不适用于延迟。虽然不理想，但我采用的方法是设置一个调试变量和函数，并通过它传递每个与时间相关的值：

slowdown = 5
s = (ms) ->
  return ms * slowdown

然后像这样使用它：

Framer.Defaults.Animation =
  time: s 0.3

…和：

Utils.delay s(0.3), ->
  myLayer.sendToBack()

将slowdown变量设置为1将使用您的标准时间（任何时间 1 本身就是）。