animation - Framer アニメーションを遅くする方法

Question

FramerJS アニメーションを特定の振幅で遅くするソリューションを探しています。

Velocity Animation フレームワークでは、Velocity.mock = 10すべてを 1 倍遅くすることが可能10です。

ドキュメントにその点が欠けているか、この機能は現在存在せず、実際に実装する必要があります。

score 3 · Accepted Answer

使用できます

Framer.Loop.delta = 1 / 120

すべてのアニメーションの速度を 2 分の 1 にします。デフォルト値は1 / 60です。

score 1 · Accepted Answer

ハビエルの答えはほとんどのアニメーションで機能しますが、遅延には適用されません。理想的ではありませんが、私が採用した方法は、デバッグ変数と関数を設定し、それを介してすべての時間関連の値を渡すことです。

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

次に、次のように使用します。

Framer.Defaults.Animation =
  time: s 0.3

…と：

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

slowdown変数をに設定する1と、標準のタイミングが使用されます (1 の倍数はそれ自体です)。

2 に答える 2