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

工夫したポイント

スクロールとカメラを連動させた演出

パーティクルで空気感を表現

オブジェクトのリアルタイムアニメーション

軽量化を意識した構成

カップ

to cafe