Astroで没入型サイトを作る設計判断：住友金属鉱山「絶滅危惧野菜」を読み解く
endangeredveggies.smm.co.jpはAstro + Three.js + GSAPで構築された没入型サイトです。なぜSPAではなくAstroのMPAアーキテクチャが選ばれたのか、コンポーネント設計の意図を実際のDOM構造から分析します。
← タグ一覧
#gsap (2 件)
GSAP ScrollTriggerでスクロール連動演出を組む：絶滅危惧野菜サイトから学ぶ実装パターン
スクロールに応じて3Dシーンが切り替わる没入型UIの駆動力はGSAP ScrollTrigger。タイムラインベースのアニメーション設計とスクロール同期の仕組みを、実在のサイトをケースに解説します。