主張するモーションではなく、紙をめくるような自然さ。スクロールに沿った登場と、わずかな光の追従だけを残しました。
読み進める速度に寄り添い、要素が静かに現れる。派手な動きを置かないことで、内容そのものに視線が向かう。
海を望む一棟貸し
森の静寂のリトリート
路地の奥の町家
全面には使わない。最も見せたい一枚にだけ、カーソルに沿うかすかな光を宿す。
優先予約、専任コンシェルジュ、非公開の一棟へのご招待。
見出しは弾けず、にじむように現れる。上のヘッドラインがその一例(単語ごとに、ごく緩やかに)。
Dock magnification / Magnetic button / 3D Tilt は「動いている感」が強く、YAMATO の静謐なトーンにはデジタルに過ぎるため、既定では使わない。ライブラリには残してあるが、ブランドサイトには load しない。
分類器・パイプライン・分岐などの「動く図解」を concept.json 1枚から量産する層。SVG + GSAP データ駆動・依存ゼロ自己完結・beat 語彙 6個(draw/flow/pulse/eject/hold/fade)に閉じる。論理は壊さない。
→ Concept Anim(GSAP同梱・自己完結)(de-concept-anim.js + vendor/gsap.min.js)
スクロールに沿って「一つの世界を移動する」没入型の層。WebGL の生きた世界 + 静的なアンカー層 + 意味を背負って入れ替わる文字。重いので必要なページだけ。
→ Cinematic(生シェーダ・依存ゼロ)(de-cinematic.js + de-cinematic.css)
→ Cinematic 本格派(Three.js / PBR 反射)(de-cinematic-webgl.js・glass / liquid-metal・遅延ロード)