(案例) 建築與不動產・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




