MotionLang

登場と退場 · 出てくる・消える

起動時のローディング开场加载序列

起動すると全画面の下地が現れ、中央の数字が 0 から 100 まで数えられ、下の線が同じだけ伸びます。100 になると幕が少しずつずれて上へ上がり、ホーム画面が現れます。数字と線は同じ進捗を共有するので、食い違いません。

ツールでこの項目を開く

使いどころ

最初の画面が重い場合(大きな画像・3D・動画)に向きます。すぐ開くアプリでは、この層は遅く感じさせるだけです。読み込みは説明が要らない速さであるべきです。

パラメータ

counter 0→100 · number and bar share one progress · 3–6 curtains · each 620ms cubic-bezier(.76,0,.24,1) · 80ms stagger

レシピ

  1. 各 620ms cubic-bezier(.76,0,.24,1)
  2. 起動時のローディング → counter 0 → 100 @ 620ms cubic-bezier(.76,0,.24,1)

AI に渡す一文

起動時のローディングを作ってください。全画面の下地に、0 から 100 まで数える数字と、同じ 0→1 の進捗値を共有する進捗線を置きます。100 になったら一拍置き、幕を 3〜6 枚、80ms ずつずらして各 620ms cubic-bezier(.76,0,.24,1) で上へ上げ、版面を見せます。幕が上がり切ってから本文の登場を始めます。

同じカテゴリの動き