Entrances & Exits · Entering & leaving
Preloader sequence开场加载序列
- counted wait
- a clear beginning
- curtain lifts
On launch you see a full-screen cover with a number counting 0 to 100 and a line filling in step. At 100 the curtains sweep up with a slight stagger and the home screen appears. Number and line share one progress value, so they can never disagree.
When to use it
Use it when the first screen is heavy — large images, 3D, video. On an app that opens instantly this layer only makes it feel slower; loading should be fast enough not to need explaining.
Parameters
counter 0→100 · number and bar share one progress · 3–6 curtains · each 620ms cubic-bezier(.76,0,.24,1) · 80ms stagger
Recipe
each 620ms cubic-bezier(.76,0,.24,1)Preloader sequence → counter 0 → 100 @ 620ms cubic-bezier(.76,0,.24,1)
One sentence for your AI
Build a preloader sequence: a full-screen cover with a number counting 0 to 100 and a progress line that shares the same 0→1 progress value as the number. At 100, hold for a beat, then lift 3–6 curtains upward with an 80ms stagger and 620ms cubic-bezier(.76,0,.24,1) each, revealing the layout. Start the main entrance only after the curtains finish.