portfolio
web designer &
front-end developer
Blender × Three.js
“Web上で体験するCafe空間”
Scroll to enter
project description
Blenderで制作したカフェ空間をThree.jsでWeb上に再構築しました。
スクロールに応じてカメラが移動し、空間を“体験”できる設計にしています。
使用技術
Three.js / Blender / GSAP / JavaScript / Vite
工夫したポイント
スクロールとカメラを連動させた演出
パーティクルで空気感を表現
オブジェクトのリアルタイムアニメーション
軽量化を意識した構成