(案例) 建筑与房地产・Polish 3D
栋、层、户到室内 360,整合为一条看房路径
马来西亚新山住宅项目的 3D 看房网页。买家由整栋选层、选户,进入室内 360 全景,并可展开周边地标与日夜景。与 Mxm 百纳建筑数位影像共同开发。
同样做法适用于住宅与商办项目、酒店与展场等,需要由整体逐步走进空间的项目。
共同开发

(挑战)
渲染母档体量大,需整理成买家看得懂的看屋路径
建筑模型与渲染由 Mxm 制作。渲染母档约 1.4 GB、近 5,000 万面,另有 超过 1,000 户、10 种户型与 70 多张 360 全景,无法原样放上网页。
买家的看屋路径是:先看整栋,再选楼层、选单户,最后走进室内。

(做法)
建筑模型与渲染归 Mxm,网页互动归磨人
共同开发分成两条线。Mxm 负责建筑模型、室内渲染与 360 全景;磨人负责网页,包含模型减面、互动流程、周边地标与日夜景。
模型先减面并压缩,再按需加载:默认只显示主建筑,周边约 25 MB,要按下 Surroundings 才开始下载。
- 渲染母文件约 1.4 GB、近 5,000 万面
- 减面并压缩
- 周边约 25 MB按下才下载
- 默认只加载主建筑
周边要按下 Surroundings 才开始下载。
(关键设计)
三项关键设计
栋、层、户
默认只显示主建筑。选层后,该层以上切开、以下转为半透明外壳;选户后其余户变灰,面板只留该户信息。返回键一律回到上一层。
桌面端
由整栋走到单户的 360 全景
默认只显示主建筑;选层后该层以上切开、其余楼层转为半透明,选户后其余户变灰,再进入户内 360 全景。平面小图标示当前位置与视角方向,返回键一律回到上一层。
360 全景
户与公设的 360 全景由 Mxm 渲染。左下的平面小图标示当前位置与视角方向,跳点于构建时由数据计算,避免点位与名称相互重叠。
周边与日夜
周边地标由基地中心以同心圆向外展开,标签放不下时缩成图钉。日夜切换改变光线与塔楼户内灯;手机采用轻量夜景,只保留塔楼亮灯。
桌面端
周边地标与日夜景
按下 Surroundings 后,周边才开始下载,并由基地中心以同心圆向外展开;地标标签放不下时缩成图钉。切换日夜,光线与塔楼户内灯随之改变。
手机夜景因此做成只亮塔楼的轻量版。
- 单独测一次与同一份 build 的关闭标志相比,整段流程的峰值多出几 MB
- 与已打开的功能同时测各自没事,不代表合起来没事
- 对照预算上限合计峰值在上限内就留,超出就往下分流
- 合计峰值在上限内留在手机例如手机版的树
- 超出上限,但降阶后回到上限内降阶后留下贴图尺寸、阴影、镜面与缓存各降一阶
- 降阶后仍超出上限只给桌面端例如夜景城市
- 功能的重点可以缩小改做手机轻量版例如只点亮塔楼的夜景
依楼盘看房网站在 Chromium 模拟手机上的测量。
(成果)
桌面端与手机端都能由整栋走进室内
网页以两栋塔楼、超过 1,000 户与 10 种户型为数据基础,涵盖户内与公设的 360 全景。手机版调整了加载顺序与夜景负担,与桌面端保持同一套操作。
手机
手机同一套操作,夜景为轻量版
手机以触控完成同样的流程:选层、选户、进入 360,并展开周边与切换日夜。手机的夜景为轻量版,只保留塔楼亮灯,加载与内存负担较低。
(工程记录)
做法与实测,逐张可展开
(联系)
Start a project.
三个步骤,取得可判断的做法与预算区间。
- 01预约第一场会议:选择时段,不需要完整规格。
- 02在线咨询 15 至 30 分钟:取得做法方向、预算区间与时程草案。
- 03查看素材后,约 3 至 5 个工作日提供报价单暨交付规格明细表。
- 邮箱
- hello@polish-design.com.tw
- 通讯地址
- (104) 台北市中山区植福路191-1号3F




