GSAP ScrollTriggerでスクロール連動演出を組む:絶滅危惧野菜サイトから学ぶ実装パターン
スクロールに応じて3Dシーンが切り替わる没入型UIの駆動力はGSAP ScrollTrigger。タイムラインベースのアニメーション設計とスクロール同期の仕組みを、実在のサイトをケースに解説します。
スクロールに応じて3Dシーンが切り替わる没入型UIの駆動力はGSAP ScrollTrigger。タイムラインベースのアニメーション設計とスクロール同期の仕組みを、実在のサイトをケースに解説します。
黒背景に浮かぶ野菜が回転する没入型サイトの裏側。Three.jsがWebGLの複雑さをどう隠しているか、ライティング・マテリアル・カメラ制御の基本をこのサイトの表現から紐解きます。