如何减缓Framer动画

Question

我正在寻找一个解决方案来减缓FramerJS动画的一定幅度。

在速度动画框架中，可以做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本身的时间)。