スクロール · スクロールで変わる
散らばりから整列へ从散落聚拢
- 乱れから整いへ
- 一斉に寄る
- 収まる感じ
カードの列は最初、ばらばらに散っています。それぞれ違う方向へ押され、違う角度で傾いています。スクロールすると寄りながら正され、半分あたりで一斉に整ったグリッドになります。全部が同時に動いており、最初の位置が違うだけです。
使いどころ
機能紹介、チーム紹介、「一度分解して組み直す」概念に向きます。カードに順序や階層がある場合は使わないでください。散らばると順番が読めません。
パラメータ
per-card offset ±(6–24)vw / ±11vh and rotate −41…+46deg · progress 0 → .46 collapses all to 0 · scroll-driven lerp, no easing · all start together
レシピ
条件 scroll-driven lerp, no easingスクロール位置で駆動 lerp, no easing散らばりから整列へ → per-card offset ±(6–24)vw / ±11vh and rotate −41…+46deg · progress 0 → .46 collapses all to 0 · all start together
AI に渡す一文
この列のカードを散らばりから寄せてください。各カードに固有の初期オフセット（約 ±6〜24vw、±11vh）と固有の回転角（−41〜+46 度）を与え、スクロール進捗に沿って同時に 0 へ補間し、46% で整列させます。同時に始まり、起点だけが違う形にしてください。順番に出すとただのずらしになります。