一份房屋介紹 PDF,除了提供照片與坪數,也能成為製作立體展示的起點。這次實作以 Savills 公開住宅資料為素材,由 Codex 核對平面圖、整理房間關係,再透過 Blender 建立模型,完成一支 40 秒展示影片。從平面圖上升起牆體、360° 環繞,到客廳視角與空屋配置比較,文中記錄每個階段的產出與檢查方式,並提供可複製的提示詞。模型採近似重建,適合討論格局與展示概念,尺寸仍須回到原圖及現場確認。
這次示範的起點,是一份六頁的倫敦住宅介紹 PDF。資料裡有室內照片、庭院、平面圖,以及各房間的尺寸。把這些材料放在一起,已經可以開始討論客廳接到哪裡、主臥朝向哪一側、從入口如何走進屋內。
讀圖時,第一個需要處理的問題出現在房間數。封面標題寫兩房,平面圖卻標了三個 Bedroom;介紹文字與圖面對樓層的稱呼也不一致。建模流程因此先留下這些差異,再按圖面保留空間,沒有替資料提供者選定答案。
後續產出是一個能編輯、能換角度查看的 Blender 模型,以及 40 秒的展示影片。鏡頭先停在原始 PDF,再讓牆體從平面圖的位置升起,繞完整棟空間,最後進入客廳、比較家具配置。房仲若想讓買方先理解格局,可以從這類展示開始試做;影片如何影響帶看或成交,這次並沒有測試。
延續前幾篇把素材做成作品的實作方式,Day 29 走過核對資料、建立模型、安排鏡頭、檢查成果四個階段。文章先把已完成的東西攤開,再說明每一步怎麼交給 Codex,以及哪些地方仍要由人確認。

封面為系列概念插畫。以下平面圖來自原始資料,模型圖與影片畫面則來自本次實際產出。
完成的模型保留了圖面中的客廳、廚房、走廊、房間、浴室與前後戶外空間。移開屋頂,房間的相鄰關係能同時出現在一個視角裡;換到另一側,凸窗、牆面與庭院的深度也能被看見。

圖一 本次 Blender 模型的實際渲染。家具為配置示意,房間輪廓依平面圖近似描繪。
原始資料可在 Savills 公開房屋 PDF 查看。第六頁標示發布於 2024 年 3 月,這篇只把它當作技術示範素材,不代表物件目前仍在售。

圖二 原始平面圖及其註記。來源為 Savills/相關權利人,圖面已註明近似面積、僅供辨識及非比例尺。
尺寸與照片不能直接混成一份看似完整的屋況。本次資料有五個標示長寬的房間,卻沒有層高、完整門窗尺寸或花園尺度。客廳和廚房有照片可參考,其他房間的家具則需要另作示意。這些差別先寫下來,後面的模型才有可對照的依據。
| 準備項目 | 這次拿到的材料 | 需要確認的地方 |
|---|---|---|
| 房屋介紹 PDF | 六頁公開資料與發布時間 | 用於示範,不當作目前在售資訊 |
| 平面圖 | 房間名稱、門窗與相鄰關係 | 房數、樓層稱呼有衝突,圖面非比例尺 |
| 室內照片 | 客廳、廚房等照片 | 沒有照片的空間不補稱現況 |
| 尺寸文字 | 客廳等房間的近似長寬 | 層高、牆厚、部分空間尺度需列為假設 |
| 想交付的成果 | 模型原檔與展示影片 | 先限定一個樓層與一段可看完的影片 |
跟做時,先在能讀取本機檔案、執行工具的 Codex 工作環境放入素材,再請它盤點資料。這一步先拿資料表,不急著生成模型。
請先閱讀附件的房屋 PDF、平面圖與照片,不開始建模。
整理房間名稱、相鄰關係、入口、門窗與圖面標示尺寸,
每個重要資訊附上頁碼或照片來源。
區分原文提供的資訊、從圖面推估的位置與缺少的資料。
如果房數、樓層或尺寸互相矛盾,保留差異,不自行選答案。
列出製作單一樓層模型需要的假設,
確認照片可以參考哪些空間、哪些家具只能作配置示意。
最後提出一個範圍可完成的建模方案,供我確認。
這一步應拿到資料清單與待確認項目。 先把它和原圖放在一起看。資料表若已經出現原文沒有的層高或房間用途,就請 Codex 說明來源,或改列假設。
資料整理後,Codex 將房間輪廓、牆段與門窗位置寫成結構化資料,再產生 Python 腳本,交給本機 Blender 執行。最後留下可編輯的 .blend 原檔與 .glb 模型,後者也可以交給支援這種格式的網頁或工具使用。
本次建模的尺度依圖像近似描繪,層高採 2.6 公尺、牆厚採 0.14 公尺作為示範假設。這些值沒有來自現場量測,保存在製作資料裡,後續修改時可以追查。
模型裡的門口也需要留出通道。門口的位置會影響室內視角與後續導覽,封住通道的牆面需要在這個階段修正。因此牆段與開口分開處理,家具也另作分組,讓展示時能切換空屋。
跟做前,先請 Codex 確認 Blender 已安裝、能從目前環境執行。這次也遇到工具初始化差異,修正腳本後才成功產出。這類環境問題可以交給工具逐項處理,但不能把一段準備好的程式當成已生成模型。
依已確認的房屋資料建立單一樓層 Blender 模型。
先確認 Blender 可以在目前環境啟動。
保留原圖的房間相鄰關係、入口、門窗與主要輪廓,
不要為了畫面漂亮改動格局。
牆體、地板、門窗、家具與戶外空間分組,
家具配置沒有照片依據時,標成示意。
來源有尺寸的地方記錄來源值;推估值與建模假設另列。
交付可編輯的 .blend、可交換的 .glb、俯視預覽圖,
以及模型相對原始資料的差異清單。
實際執行建模並檢查檔案,不能只提供腳本或完成回報。
這一步應拿到實際模型檔與預覽。 先檢查房間是否相連、入口是否保留、牆面有沒有擋住門口,再換角度看模型。尺寸與原圖不同的地方也要記錄,不能只挑最漂亮的一張圖。
本次另建立了網頁導覽介面的程式,包含俯視、房間資訊與第一人稱控制。瀏覽器存取受到權限設定阻擋,桌機與手機的真實操作仍未驗收;本篇的成果證據以已生成的模型及已完成影片為主。
模型完成後,接下來的問題是要讓觀眾看見什麼。只把同一個視角放在影片裡,觀眾很難知道房間怎麼相連。這次先寫六段鏡頭表,再照時間安排製作素材。
| 秒數 | 鏡頭 | 這段要讓觀眾看見什麼 |
|---|---|---|
| 0 至 4 | 原始 PDF,再推近平面圖 | 立體展示從哪份資料開始 |
| 4 至 12 | 平面圖傾斜,牆體升起、家具出現 | 原圖與模型的空間對應 |
| 12 至 24 | 連續 360° 環繞 | 模型具有深度,房間彼此相連 |
| 24 至 30 | 客廳眼睛高度的鏡頭 | 從室內理解空間與家具關係 |
| 30 至 36 | 固定角度切換空屋與配置 | 格局相同,家具為可調整的示意 |
| 36 至 40 | 平面圖與模型並排 | 留下一眼可比較的前後結果 |

圖三 影片中的平面轉立體段落。這是對齊原圖後製作的重建示意動畫,沒有宣稱展示整段 AI 建模過程的即時螢幕錄影。
為了讓牆體從正確位置升起,拍攝腳本需要處理平面圖和 3D 場景的座標方向。原圖的垂直方向與模型座標不同,先對齊,再安排鏡頭傾斜,才能讓觀眾看懂同一張圖如何延伸成立體。
後面的環繞鏡頭來自同一個模型,完整繞過一圈。客廳鏡頭則改用眼睛高度,沿空間邊緣緩慢移動。空屋比較保留同一視角,切換示意家具,讓觀眾把注意力放回格局。

圖四 同一模型的客廳鏡頭,來自成片抽幀。家具與部分建築尺度仍屬示意,這張圖沒有代表實際屋況。
這次以 Blender 輸出連續模型鏡頭,再用 HyperFrames 加入章節、繁體中文字幕與前後對照,完成 40 秒、1920×1080、24fps 的 MP4。這一版沒有配音或音樂,先讓畫面把格局說清楚。以下以成片截圖記錄各段成果。
請先寫展示影片腳本與鏡頭表,再依腳本拍攝既有模型。
影片約40秒,橫式,繁體中文字幕。
安排原始 PDF、平面轉立體、連續環繞、室內視角、
空屋與家具比較,以及最後的前後對照。
每段寫清時間、鏡頭動作、字幕與驗收重點。
平面轉立體使用原始平面圖,
先對齊座標,再讓實際模型的牆體升起。
環繞保持完整模型在畫面內,室內鏡頭不能穿過家具或牆面。
空屋比較維持相同角度,只切換配置。
執行素材製作與剪接,輸出 MP4,
從最終檔案抽幀核對各段,確認轉換、環繞與配置切換可見。
保留腳本、模型鏡頭素材與可編輯的剪接內容。
這一步應拿到分鏡、模型鏡頭與可播放影片。 觀看時先關心觀眾能不能找到來源、看出深度、理解空間,再檢查字幕與片長。這次也修正了 PDF 開場的裁切,讓完整平面圖能被看見。
模型和影片交出來後,驗收要回到用途。這次希望呈現格局與空間關係,因此先核對原圖、模型輪廓、入口與通道,再檢查鏡頭是否讓完整房屋保持在畫面內。
離線程式檢查確認 GLB 可以載入、十個空間有可站立的位置,也能從走廊沿門口連通,並檢查牆體與部分家具的碰撞。這些結果說明模型資料可用於進一步測試,真實瀏覽器的輸入操作、手機排版與效能仍需要另做驗收。
尺寸核對也保留差異。下面的模型數值來自外框計算,原圖文字則是資料提供者標示的近似長寬,兩者不能直接當成精確實測。
| 空間 | 原圖標示 | 本次模型外框約值 |
|---|---|---|
| 客廳 | 6.20 × 4.01 公尺 | 6.10 × 3.87 公尺 |
| 主臥 | 4.17 × 4.04 公尺 | 4.05 × 3.78 公尺 |
若用途是展示家具可能怎麼配置,這些差異需要隨示意一起交代。若要確認一張床能否放入、門片能否打開,則要取得足夠的量測資料,按尺寸重新核對。

圖五 影片中的空屋狀態。切換家具能幫助觀察格局,不會增加來源圖沒有提供的測量精度。
影片本身也需要單獨檢查。本次最終 MP4 是 40 秒、960 幀,完整解碼沒有錯誤,並從成品抽幀查看平面圖、牆體升起、環繞方向、客廳、家具切換與收尾。檢查的是已輸出的檔案,不只看剪接預覽。
請對照原始 PDF、模型與最終影片,整理驗收紀錄。
確認房間相鄰關係、入口、門窗及主要動線,
列出來源尺寸、模型計算值、假設與差異。
沒有足夠依據的尺度或屋況,標示待確認。
再從最終 MP4 抽幀,
檢查平面轉立體、環繞、室內與配置切換是否真的出現,
核對片長、解析度、幀率、字幕及完整解碼結果。
把離線幾何檢查、影片驗證與真實網頁操作分開記錄,
沒做的測試不能寫成通過。
先指出最影響用途的一個問題,提出具體修正方式,
修正後重新檢查受影響的部分。
這一步應拿到可追查的驗收紀錄。 讓資料提供者確認房數與樓層,讓展示使用者看格局是否容易理解;工具的計算結果與人的判斷,分別處理各自能回答的問題。
這次從一份公開房屋 PDF 出發,完成可編輯的立體模型與 40 秒展示影片。過程中先保留了來源資料的房數與樓層衝突,再處理房間輪廓、門口、家具與鏡頭方向,最後從實際成品核對成果。
若要換成自己的物件,第一步仍是準備有權使用的資料,請 Codex 盤點來源與缺口。先選一個樓層,決定要讓觀眾看懂哪段動線,再建立模型與分鏡。交付展示時,也把近似尺度、家具示意與待確認項目交給下一個使用者