3D WEB EXPERIENCEポートフォリオとして制作したデモ
Architectural Walkthrough
ブラウザ上で建築空間を自由に歩き回れるインタラクティブウォークスルーを、ポートフォリオとして制作したデモ。アプリ不要、URLひとつで体験できます。
Industry住宅・不動産
Project Typeポートフォリオとして制作
StackBlender / Three.js / Next.js / Vercel
Challenge
完成前の物件は図面と静止画パースでしか見せられず、空間の広がりや動線といった「住んだときの感覚」が伝わりません。
モデルルームは建築・維持に大きなコストがかかるうえ、見せられる仕様は1パターンに限られます。
Approach
- 01
Blenderで空間を3Dモデル化し、自然光を意識したライティングで竣工写真のような質感に仕上げました。
- 02
Three.jsベースのウォークスルーとして実装し、PC・スマホのブラウザでそのまま動作します。
- 03
通信環境が悪い場所でも動くよう、テクスチャ・ジオメトリを軽量化しています。
Deliverables
- —空間の3Dモデル・ライティング
- —ブラウザで歩けるウォークスルーWebアプリ
- —モバイル対応・軽量化済み