CHALLENGE
面对的问题
线上展览的常见做法是全景图或宣传视频——观感扁平、无法自由走动；要做「真的能在展厅里逛」的体验，则要在浏览器里同时解决建筑模型体积、实时渲染性能、行走碰撞与展品交互，还得保证普通访客打开就能进、不装任何插件。
01 / VIRTUAL GALLERY
以 Blender 建模 + Three.js 实时渲染打造的第一人称线上美术馆：浏览器直达、无需插件，自由漫游并点击欣赏 18 件展品。
CHALLENGE
线上展览的常见做法是全景图或宣传视频——观感扁平、无法自由走动；要做「真的能在展厅里逛」的体验，则要在浏览器里同时解决建筑模型体积、实时渲染性能、行走碰撞与展品交互，还得保证普通访客打开就能进、不装任何插件。
APPROACH
以 layout.json 为单一数据源：Blender 无头建模导出约 145 KB 的 GLB 建筑，网页端读取同一份数据生成碰撞体、小地图与展品锚点，天然对齐；Three.js 负责实时渲染与第一人称控制，配合 ACES 色调映射、环境光 IBL 与射灯洗墙；画作由 Canvas 程序化绘制，12 种抽象风格配独立调色板与种子，展签自动生成。
LIVE PROTOTYPE
下面就是交付的真实展厅（内嵌实时渲染）：点击画面锁定指针，WASD / 方向键移动，鼠标左键查看展品详情，Esc 退出漫游。
实时 3D 渲染 · 点击画面锁定指针后 WASD / 方向键漫游，鼠标左键查看展品详情，Esc 退出
DELIVERY TIMELINE
用 layout.json 定义厅堂尺寸、隔墙与家具布局，Blender 脚本无头建模并导出 GLB。
OUTCOMES
MORE CASES