如何减慢Framer动画的速度

Question

我正在寻找一种能够将FramerJS动画降低一定幅度的解决方案。

在Velocity Animation framework可执行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）。