MotionLang

文字エフェクト · 文字の動き方

文字の落下文字坠落

一文字ずつ上から落ち、跳ねて、潰れてから止まります。フェードと違い重みがあるので、着地点を目で追います。

ツールでこの項目を開く

使いどころ

「良いことが起きた瞬間」に向きます。注文完了、支払い完了、抽選に当たったときなどです。この行をもう一度見てもらうための動きなので、短くしてください。2〜8 文字が目安です。読ませる本文、繰り返し出る通知、すでに別の動きが走っている画面には使わないでください。どこもかしこも落ちてくると、目を休める場所がなくなります。

パラメータ

g 2400px/s² · restitution 0.42 · stagger 62ms/char · squash ≤1.22 · sub 320ms later

レシピ

  1. stagger 62ms/char
  2. 条件 squash ≤1.22
  3. 文字の落下 → g 2400px/s² · restitution 0.42 · sub 320ms later

AI に渡す一文

この行を 1 文字ずつ落としてください。各文字は 150px 上から 2400px/s² の自由落下で始まり、1 文字ごとに 62ms 遅れて出発します。着地時に速度が 170px/s を超えていれば反発係数 0.42 で跳ね、そうでなければ停止します。着地のフレームでは縦方向だけ潰し(最大 1.22 倍)、横に伸ばさないでください。行全体が着地して 320ms 後に、下の小さな行をフェードインさせます。4.4 秒ごとに再生します。奇数番目と偶数番目の開始高さを 26px ずらし、ランダムな山ではなく 2 列に見えるようにしてください。

同じカテゴリの動き