(案例) 建築與不動產・Polish 3D

棟、層、戶到室內 360,整合為一條看屋路徑

馬來西亞新山住宅建案的 3D 看屋網頁。買家由整棟選層、選戶,進入室內 360 全景,並可展開周邊地標與日夜景。與 Mxm 百納建築數位影像共同開發。

同樣做法適用於住宅與商辦建案、旅館與展場等,需要由整體逐步走進空間的專案。

預約第一場會議

共同開發Mxm 百納建築數位影像 Mxm Architecture CGI

棟、層、戶到室內 360,整合為一條看屋路徑
周邊以同心圓自基地向外展開,地標標註直線距離,點開可看圖文說明,並可轉向該方位。
2棟塔樓
1,000+戶
10種戶型
70+張 360 全景
產業
住宅建案
服務
Polish 3D
規模
兩棟塔樓、超過 1,000 戶、10 種戶型
共同開發
Mxm 百納建築數位影像

(挑戰)

渲染母檔體量大,需整理成買家看得懂的看屋路徑

建築模型與渲染由 Mxm 製作。渲染母檔約 1.4 GB、近 5,000 萬面,另有超過 1,000 戶、10 種戶型與 70 多張 360 全景,無法原樣放上網頁。

買家的看屋路徑是:先看整棟,再選樓層、選單戶,最後走進室內。

住宅建案的 3D 看屋網頁。
住宅建案的 3D 看屋網頁。

(做法)

建築模型與渲染歸 Mxm,網頁互動歸磨人

共同開發分成兩條線。Mxm 負責建築模型、室內渲染與 360 全景;磨人負責網頁,包含模型減面、互動流程、周邊地標與日夜景。

模型先減面並壓縮,再依需要才載入:預設只顯示主建築,周邊約 25 MB,要按下 Surroundings 才開始下載。

共同開發分成兩條線:模型與渲染歸 Mxm,網頁互動歸磨人
模型與影像
網頁
Mxm
磨人
1
Mxm建築模型
2
Mxm室內渲染
3
Mxm360 全景
4
磨人模型減面
5
磨人互動流程
6
磨人周邊地標與日夜景
渲染母檔不上網頁:減面壓縮後依需要才載入
  1. 渲染母檔約 1.4 GB、近 5,000 萬面
  2. 減面並壓縮
  3. 周邊約 25 MB按下才下載
  4. 預設只載入主建築

周邊要按下 Surroundings 才開始下載。

(關鍵設計)

三項關鍵設計

棟、層、戶

預設只顯示主建築。選層後,該層以上切開、以下轉為半透明外殼;選戶後其餘戶變灰,面板只留該戶資訊。返回鈕一律回到上一層。

桌機

由整棟走到單戶的 360 全景

預設只顯示主建築;選層後該層以上切開、其餘樓層轉為半透明,選戶後其餘戶變灰,再進入戶內 360 全景。平面小圖標示目前位置與視角方向,返回鈕一律回到上一層。

空拍定場鏡頭進入整棟,選層後以半透明殼呈現整層戶型,再選一戶進入 360 室內,走到客廳環顧,左下平面小圖同步標示位置。

360 全景

戶與公設的 360 全景由 Mxm 渲染。左下的平面小圖標示目前位置與視角方向,跳點於建置時由資料計算,避免點位與名稱互相重疊。

從單戶進入 360 室內,環顧四周並走到下一個房間,平面小圖同步標示位置與視角,可放大對照格局。
池畔甲板與空中會所兩層公共設施,由 3D 標記直達 360 全景,泳池與會所均可環視。
手機由底部清單進入相同的 360 全景。

周邊與日夜

周邊地標由基地中心以同心圓向外展開,標籤放不下時縮成圖釘。日夜切換改變光線與塔樓戶內燈;手機採輕量夜景,只保留塔樓亮燈。

桌機

周邊地標與日夜景

按下 Surroundings 後,周邊才開始下載,並由基地中心以同心圓向外展開;地標標籤放不下時縮成圖釘。切換日夜,光線與塔樓戶內燈隨之改變。

日夜景一鍵切換,夜間塔樓室內燈光亮起,桌機版另有周邊街區的窗光與路燈。
手機為輕量夜景,只有塔樓亮燈,周邊街區不亮。

手機夜景因此做成只亮塔樓的輕量版。

功能留不留在手機,看合計後的高點,不看單項
  1. 單獨量一次與同一份 build 的關閉旗標相比,整段流程的高點多出幾 MB
  2. 與已打開的功能同時量各自沒事,不代表合起來沒事
  3. 對照預算上限合計高點在上限內就留,超出就往下分流
  • 合計高點在上限內
    留在手機例如手機版的樹
  • 超出上限,但降階後回到上限內
    降階後留下貼圖尺寸、陰影、鏡面與快取各降一階
  • 降階後仍超出上限
    只給桌機例如夜景城市
  • 功能的重點可以縮小
    改做手機輕量版例如只點亮塔樓的夜景

依建案看屋網站在 Chromium 模擬手機上的量測。

看完整內容 手機 3D 的記憶體預算:哪些功能留在手機,哪些只給桌機

建案與空間要由整體走進室內,可由第一場會議確認模型與路徑。

(成果)

桌機與手機都能由整棟走進室內

網頁以兩棟塔樓、超過 1,000 戶與 10 種戶型為資料基礎,涵蓋戶內與公設的 360 全景。手機版調整了載入順序與夜景負擔,與桌機維持同一套操作。

手機

手機同一套操作,夜景為輕量版

手機以觸控完成同樣的流程:選層、選戶、進入 360,並展開周邊與切換日夜。手機的夜景為輕量版,只保留塔樓亮燈,載入與記憶體負擔較低。

手機依棟、層、戶逐級深入,操作與桌機相同。
手機以底部按鈕走到下一個房間,平面小圖點開成全寬。
手機的地標清單收在底部抽屜,展開後點選項目。

(工程紀錄)

做法與實測,逐張可展開

第一場會議 15 至 30 分鐘,取得做法方向、預算區間與時程草案。

Polish 3D下一項專案:選配組合多到型錄放不下,顧客於進店前完成配置

(聯絡)

Start a project.

三個步驟,取得可判斷的做法與預算區間。

  1. 01預約第一場會議:選擇時段,不需要完整規格。
  2. 02線上諮詢 15 至 30 分鐘:取得做法方向、預算區間與時程草案。
  3. 03檢視素材後,約 3 至 5 個工作天提供報價單暨交付規格明細表。
信箱
hello@polish-design.com.tw
通訊地址
(104) 台北市中山區植福路191-1號3F

預約第一場會議

週一至週五 16:00–18:00線上 30 分鐘

先選時段,再用 Google 帳號或信箱確認,預約完成可加入行事曆。

選擇時段

或先送出資料

還沒想好時段,可以先留下專案內容,專人以信箱回覆。送出後也能接著預約。

補充資料(選填):服務項目、目前階段、現有連結、得知管道

資料僅用於本次專案評估。

ISO/IEC 27001:2022 證書

(Certificate)

ISO/IEC 27001:2022

驗證機構
ARES International Certification
驗證範圍
互動沉浸式 3D 系統之開發流程,及網路與基礎設施之維運與管理。

到驗證機構網站查證