登場と退場 · 出てくる・消える
起動時のローディング开场加载序列
- 数えて待つ
- 始まりと終わり
- 幕が上がる
起動すると全画面の下地が現れ、中央の数字が 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
レシピ
各 620ms cubic-bezier(.76,0,.24,1)起動時のローディング → 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) で上へ上げ、版面を見せます。幕が上がり切ってから本文の登場を始めます。