カメラの動きをtweenで作ってたんだ!感動!

日記

2025/04/07 -最終更新日:2025/04/08

Three.js と Gsap 初組み合わせ。

初期処理を書く段階でtimelineでオブジェクトを操作していたんだね。感動した。

ICS様のタイムリマップ例模写だけど、以下、カメラももちろんそうだが、オブジェクトのバウンドすらgsapのイージングで完結するとは!

https://joyful-cendol-5b54e6.netlify.app/

three.jsとgsapのScrollTriggerでスクロールとcamera.positionを連携する例

https://musical-griffin-40c358.netlify.app/

これで色々幅が広がったね