你在線上逛一個展覽,滑鼠拖一下,能看向天花板;
點地上的圓圈,又能走到下一個房間。
另一個展覽也能這樣逛,卻還能從上方看整個建築。
再換一個,你有了自己的角色,旁邊還站著其他參觀者。
這些畫面都很有空間感,很容易統稱為「3D 線上展」。
但它們背後的做法,可能差很多。
理解差異,可以先分開看兩件事:空間怎麼建立,
以及人在裡面可以做什麼。
這篇從環景拍攝、3D 掃描到全虛擬建模,用幾個我們參與製作的案例,
拆開畫面背後的原理。你不需要懂程式;看完之後,再遇到線上展覽,
就比較能辨認自己正在看什麼。
▋先想像:你站在一個房間裡
如果站在原地轉頭,你會看見前後左右。
如果往旁邊走幾步,原本被柱子擋住的畫,可能就露出來了。
近處的桌子和遠處的牆,也會產生不同的相對位移。
「轉頭看」和「換個位置看」,需要的資料不一樣。
這是理解環景與 3D 空間很有用的起點。
360 環景拍攝:留下某個位置看到的景色
記錄拍攝位置四周的影像,讓你能轉頭觀看現場。
3D 空間掃描:建立真實場地的數位副本
記錄空間的形狀、位置關係,以及影像等資料,讓數位空間具有幾何資訊。
全虛擬建模:在電腦裡搭出空間
透過設計與建模建立建築、物件和場景,空間不必實際存在。
這三種做法也能混合使用。這裡先分開說明,方便理解它們各自帶來的資訊。
▋360 環景:把一個位置四周的景色拍下來
你可以把環景想像成:站在一張包住自己的照片中央。
拖曳畫面時,看的方向改變了,拍攝的位置卻沒有改變。
點選另一個導覽點,通常是換到另一個位置拍攝的環景。
環景怎麼做出來?
安排拍攝點 → 拍攝四周 → 拼接與修整 → 放進播放器 → 串起導覽與內容。
常見拍法有兩種:使用 360 相機,同時擷取多個方向;
或使用相機搭配廣角、魚眼鏡頭與全景雲台,旋轉拍攝多張有重疊範圍的照片,
再拼接成完整環景。
拍完還要處理曝光、顏色、接縫,以及腳架等問題。有人在拍攝過程中移動,
也可能造成拼接不一致。最後的畫質與設備、拍攝方式和後製都有關。
交給播放器的影像,常見的是一張寬高比 2:1、攤開後上下會變形的全景圖。
播放器再把它映射到球面或立方體上,呈現出可以轉頭看的效果;
大圖也可以切成小塊,依照觀看位置與放大程度載入。環景轉換與切圖原理
播放器使用了 3D 顯示方式,
不代表那張環景已經包含房間裡每件物品的立體形狀。
看案例:聯發科 25 週年環景導覽

先看左下角的樓層地圖,再看畫面中的導覽熱點。環景負責呈現現場,地圖與熱點幫參觀者理解位置、前往其他區域。擷取自影片約 1:12。觀看這段案例
這個案例把實際環境、導覽介面與品牌內容放在一起。環景提供現場感,
網站則負責安排人怎麼逛、怎麼接觸內容。
下次看環景,可以留意:轉頭時你仍在同一個位置;跨到下一個場景時,
才換了一個拍攝點。轉場動畫可能做得很滑順,
但動畫本身不等於沿路每個位置都被完整建模。
▋3D 掃描:除了外觀,也記錄空間的形狀
3D 掃描多了一個關鍵:取得物體與空間的幾何資訊。
例如牆面在哪裡、轉角如何相接、不同拍攝位置之間有什麼關係。
這些資料,讓空間有機會被量測、從不同角度檢視,或進一步用於其他應用。
掃描怎麼變成 3D?
從多個位置擷取 → 對齊資料 → 重建空間 → 檢查缺漏 → 加入展示與應用。
以有深度感測器的掃描設備來說,系統會量測表面的位置。
大量帶有位置的點聚在一起,稱為「點雲」;
再依工具與用途,轉成由許多小面組成的表面,也就是「網格模型」,
並搭配影像呈現外觀。
另一條路是「攝影測量」:從許多有重疊、不同角度的照片找出共同特徵,
推算相機位置與物體形狀。它和單純把照片拼成環景不同,
重點在於重建三維關係。Agisoft 攝影測量流程說明
掃描有它的現場限制。
被遮住的部分不一定有資料,反光、透明或難以辨識的表面也可能影響結果。
因此需要安排取樣位置、檢查成果,有時還得補掃或修整。
Matterport 在這裡扮演什麼角色?
Matterport 是整合空間擷取、處理與展示的平台;
它不是所有 3D 掃描技術的總稱。
不同擷取設備也有差異,例如 Pro3 採用 LiDAR,官方支援室內與戶外擷取,不能把早期機種的限制直接套用到所有設備。Pro3 官方資料
逛 Matterport 空間時,實景影像與空間幾何可以配合呈現。
你在室內觀看時感受到的細節,與切到模型視角看到的表面品質,也可能不同。
這解釋了為什麼一個成果可能「環景看起來很清楚,模型卻有缺口」。
兩種畫面呈現的資料與用途,需要分開理解。
看案例:晶華酒店的場地配置

圖 2|看中央的三色操作軸,以及右側的位置、角度和縮放欄位。這張圖呈現的是場地應用的編輯介面,並非單純的掃描原始成果。擷取自影片約 0:55。觀看這段案例
在晶華酒店案例中,空間進一步被用來安排活動配置。使用者關心的,是物件放在哪裡,以及布置後的場地看起來如何。
這裡要特別拆開兩件事:掃描取得空間基礎;可編輯物件、操作介面與活動流程,需要另外設計與開發。
掃描到一張桌子,也不代表系統會自動把它辨識成可單獨拖動的家具。
要移動或替換它,可能還需要物件分離、場景整理,或另外建立可操作的模型。
▋數位孿生:讓數位空間對應到真實場域
「數位孿生」常和 3D 掃描一起出現,因為掃描可以替真實場地建立數位副本。
在空間展示的語境裡,這個詞常用來描述真實場域的數位重現;在工程與營運的語境中,還會進一步談資料更新、狀態對應與模擬。Matterport 的應用說明也談到以現場資料延伸數位副本的用途。閱讀這個名詞時,最好接著看它實際串接了什麼。Matterport 數位孿生建置說明
一份掃描主要記錄擷取時的狀態。 現場隔天把桌椅搬走,數位場景不會只因為叫作數位孿生,就自動知道現場變了。
若要反映新配置、設備資訊或感測器狀態,還需要更新機制與資料串接。
至於尺寸是否足以支援某個用途,也必須看擷取設備、現場條件與驗證結果。
這樣理解,就比較不會把「建立數位副本」和「已經完成所有即時管理功能」混在一起。
▋全虛擬空間:先有設計,再把展館搭出來
全虛擬空間可以從一張白紙開始。
想要挑高的展廳、特殊的採光、漂浮的展台,或一條在現實中不存在的參觀路線,都可以成為場景設計的一部分。它也可以參考真實建築,只是建置過程以設計與建模為主。
全虛擬 3D 怎麼建置?
規劃空間與動線 → 建模 → 設定材質與光線 → 放入內容 → 加入移動與互動 → 調整效能。
建模可以先從方塊、平面等基本形狀開始,逐步做出牆壁、樓梯與展台。接著替表面設定外觀:石材紋理、金屬反光、玻璃透明度,都屬於材質的工作。燈光與陰影則影響空間的明暗和氣氛。Blender 建模與材質工具說明
最後還要讓人能逛:從哪裡進入、怎麼移動、哪些地方不能穿過、點作品會看到什麼。模型完成,距離可用的線上展仍有這一段工作。
如果要放進瀏覽器,也要控制模型與圖片的負擔。細節越多,
通常需要處理的資料越多;手機上的載入與操作表現,是建置時就要考慮的事。
以上是常見的建置流程;不同專案採用的軟體與管線可能不同,
並非宣稱案例使用了特定建模軟體。
看案例:國美典藏數位博物館

圖 3|注意展廳的高度、牆面轉折、光線與角色的比例。全虛擬建模讓空間本身成為策展設計的一部分。擷取自影片約 0:43。觀看這段案例
國美館這個案例,是全虛擬展館。作品如何安排、觀眾從哪個角度接近,以及建築帶來什麼感受,都可以一起設計。
「全虛擬」也不代表每件展品都憑空創造。展館裡仍然可以放入真實作品的照片或掃描模型。空間的來源,與展品的來源,可以不同。
▋多人互動:不取決於空間是否拍攝而來
我們在製作線上展時,特別在意互動性。除了呈現空間,也會想:
觀眾如何主動探索、一次操作能得到什麼回應,以及能不能和別人一起參與。
看見角色和聊天室,很容易以為整個空間一定是人工建模。
其實,實景掃描也能加入這些功能。

圖 4|看遠處帶名字的角色與左下角聊天室。這個案例把 Matterport 實景掃描 API 與自家 MiraMeta 引擎整合,讓掃描藝廊成為可以共同參觀、交流的空間。擷取自影片約 1:09。觀看 Matterport 多人藝廊
多人連線需要讓不同使用者交換狀態:誰進來了、角色在哪裡、移動到哪裡,
以及送出了什麼訊息。這些是額外開發的系統能力。
Matterport 提供 SDK 與 API,供開發者控制展示、存取部分場景或資料並進行整合;能做哪些功能,仍受介面能力、方案與實作方式影響。影片中的多人功能,
是整合開發的成果,不能當作所有 Matterport 導覽預設就有的功能。Matterport 開發者文件
同樣的共同參觀概念,也能放進全虛擬展館。

圖 5|臺博館「4⅚奇幻博物館」的影片畫面中,多個具名角色出現在同一個虛擬場景。左右是影片中的不同視窗呈現,並非另外拼造的使用畫面。擷取自開幕記者會影片約 5:21。觀看臺博館多人虛擬館
把這兩張圖放在一起,就能看到:一個以實景掃描為基礎,一個是全虛擬場景,兩者都可以承載多人參與。
360 環景也能加入內容熱點、影音或其他互動。只是如果要讓角色或物件正確融入空間,還要另外處理位置、深度與遮擋等問題,不能只靠一張環景照片完成。
▋所以,畫質好不好,和能做什麼,要分開看
放大作品看筆觸時,影像細節很重要;了解建築結構時,空間資料有價值;
共同參觀時,角色與訊息是否能順利同步,又是另一件事。
影像畫質、幾何完整度和互動能力,回答的是不同問題。
例如掃描模型有缺口,確實可能影響某些角度的展示與後續使用;
但不能因此直接推論所有資料都沒有價值。反過來,照片很清楚,
也不代表已經具有尺寸、物件分離或多人連線能力。
我們做過環景、掃描應用與全虛擬展館之後,
更習慣把一個線上展拆成這三層來看:
空間基礎:空間怎麼來?
環景拍攝、3D 掃描、人工建模,決定空間的來源與可使用的資料。
展示內容:裡面放什麼?
作品、文字、照片、聲音與影片,承載展覽想傳達的內容。
互動系統:參觀者能做什麼?
導覽、配置、角色、聊天與共同參觀,決定人如何探索、操作,以及和彼此交流。
▋我們在意,人進來之後能做什麼
了解空間的來源之後,還可以再看一步:這個展覽如何回應參觀者?
對我們來說,一個互動值不值得做,要能說清楚它幫觀眾完成什麼。點開作品可以理解細節,調整物件可以預覽配置,和朋友聊天則讓共同參觀有了交流的機會。
功能數量之外,我們更在意這些操作是否容易理解、回應是否清楚,以及它和展覽內容有什麼關係。這是我們的設計重點,實際體驗仍需要透過使用者操作來檢查。
下次再打開一個線上展,你可以試著轉頭、換位置、點開內容,也看看其他人的出現會不會改變參觀方式。
你會開始分辨:哪些感受來自影像,哪些來自空間幾何,哪些來自互動設計。
讓每個互動,都有參與的理由。這是我們希望在線上展裡做到的事。
本文案例圖片擷取自邏仕數位 n010 公開影片,已裁除網頁周邊,保留案例介面。影片經過剪輯與壓縮,截圖用於解說建置方式及功能,不作為各技術原始畫質或精度的比較樣本。