> ## Content Index
> Fetch the complete content index at: https://jerromy.com/llms.txt
> Use this file to discover other available public pages before exploring further.

# 都能在線上逛展，360 環景、3D 掃描與全虛擬空間差在哪？
- URL: https://jerromy.com/du-neng-zai-xian-shang-guang-zhan-360-huan-jing-3d-sao-miao-yu-quan-xu-ni-kong-jian-chai-zai-na/
- Published: 2026-09-08T16:42:15.000Z
- Updated: 2026-09-08T16:42:15.000Z
- Author: Lee Chih Min
- Tags: VirtualSpace

你在線上逛一個展覽，滑鼠拖一下，能看向天花板；  
點地上的圓圈，又能走到下一個房間。

另一個展覽也能這樣逛，卻還能從上方看整個建築。  
再換一個，你有了自己的角色，旁邊還站著其他參觀者。

這些畫面都很有空間感，很容易統稱為「3D 線上展」。  
但它們背後的做法，可能差很多。

**理解差異，可以先分開看兩件事：空間怎麼建立，** 
**以及人在裡面可以做什麼。**

這篇從環景拍攝、3D 掃描到全虛擬建模，用幾個我們參與製作的案例，  
拆開畫面背後的原理。你不需要懂程式；看完之後，再遇到線上展覽，  
就比較能辨認自己正在看什麼。

## ▋先想像：你站在一個房間裡

如果站在原地轉頭，你會看見前後左右。

如果往旁邊走幾步，原本被柱子擋住的畫，可能就露出來了。  
近處的桌子和遠處的牆，也會產生不同的相對位移。

**「轉頭看」和「換個位置看」，需要的資料不一樣。**   
這是理解環景與 3D 空間很有用的起點。

**360 環景拍攝：留下某個位置看到的景色**

記錄拍攝位置四周的影像，讓你能轉頭觀看現場。

**3D 空間掃描：建立真實場地的數位副本**

記錄空間的形狀、位置關係，以及影像等資料，讓數位空間具有幾何資訊。

**全虛擬建模：在電腦裡搭出空間**

透過設計與建模建立建築、物件和場景，空間不必實際存在。

這三種做法也能混合使用。這裡先分開說明，方便理解它們各自帶來的資訊。

## ▋360 環景：把一個位置四周的景色拍下來

你可以把環景想像成：站在一張包住自己的照片中央。

拖曳畫面時，看的方向改變了，拍攝的位置卻沒有改變。  
點選另一個導覽點，通常是換到另一個位置拍攝的環景。

### 環景怎麼做出來？

**安排拍攝點 → 拍攝四周 → 拼接與修整 → 放進播放器 → 串起導覽與內容。**

常見拍法有兩種：使用 360 相機，同時擷取多個方向；  
或使用相機搭配廣角、魚眼鏡頭與全景雲台，旋轉拍攝多張有重疊範圍的照片，  
再拼接成完整環景。

拍完還要處理曝光、顏色、接縫，以及腳架等問題。有人在拍攝過程中移動，  
也可能造成拼接不一致。最後的畫質與設備、拍攝方式和後製都有關。

交給播放器的影像，常見的是一張寬高比 2:1、攤開後上下會變形的全景圖。  
播放器再把它映射到球面或立方體上，呈現出可以轉頭看的效果；  
大圖也可以切成小塊，依照觀看位置與放大程度載入。[環景轉換與切圖原理](https://krpano.com/docu/tools/?version=122&ref=jerromy.com)

**播放器使用了 3D 顯示方式，** 
**不代表那張環景已經包含房間裡每件物品的立體形狀。**

### 看案例：聯發科 25 週年環景導覽

![](https://storage.ghost.io/c/14/91/14917ba3-4dad-4ae4-ab57-907c4fc7ce12/content/images/2026/09/01-mtk-360.png)

*先看左下角的樓層地圖，再看畫面中的導覽熱點。環景負責呈現現場，地圖與熱點幫參觀者理解位置、前往其他區域。擷取自影片約 1:12。*[觀看這段案例](https://www.youtube.com/watch?v=Z5GDdgJEYpg&t=72s&ref=jerromy.com)

這個案例把實際環境、導覽介面與品牌內容放在一起。環景提供現場感，  
網站則負責安排人怎麼逛、怎麼接觸內容。

下次看環景，可以留意：轉頭時你仍在同一個位置；跨到下一個場景時，  
才換了一個拍攝點。轉場動畫可能做得很滑順，  
但動畫本身不等於沿路每個位置都被完整建模。

## ▋3D 掃描：除了外觀，也記錄空間的形狀

3D 掃描多了一個關鍵：取得物體與空間的幾何資訊。

例如牆面在哪裡、轉角如何相接、不同拍攝位置之間有什麼關係。  
這些資料，讓空間有機會被量測、從不同角度檢視，或進一步用於其他應用。

### 掃描怎麼變成 3D？

**從多個位置擷取 → 對齊資料 → 重建空間 → 檢查缺漏 → 加入展示與應用。**

以有深度感測器的掃描設備來說，系統會量測表面的位置。  
大量帶有位置的點聚在一起，稱為「點雲」；  
再依工具與用途，轉成由許多小面組成的表面，也就是「網格模型」，  
並搭配影像呈現外觀。

另一條路是「攝影測量」：從許多有重疊、不同角度的照片找出共同特徵，  
推算相機位置與物體形狀。它和單純把照片拼成環景不同，  
重點在於重建三維關係。[Agisoft 攝影測量流程說明](https://www.agisoft.com/pdf/metashape-pro%5F1%5F6%5Fen.pdf?ref=jerromy.com)

掃描有它的現場限制。  
被遮住的部分不一定有資料，反光、透明或難以辨識的表面也可能影響結果。  
因此需要安排取樣位置、檢查成果，有時還得補掃或修整。

### Matterport 在這裡扮演什麼角色？

Matterport 是整合空間擷取、處理與展示的平台；  
它不是所有 3D 掃描技術的總稱。  
不同擷取設備也有差異，例如 Pro3 採用 LiDAR，官方支援室內與戶外擷取，不能把早期機種的限制直接套用到所有設備。[Pro3 官方資料](https://matterport.com/store/product/cam-mc300-x?ref=jerromy.com)

逛 Matterport 空間時，實景影像與空間幾何可以配合呈現。  
你在室內觀看時感受到的細節，與切到模型視角看到的表面品質，也可能不同。

這解釋了為什麼一個成果可能「環景看起來很清楚，模型卻有缺口」。  
兩種畫面呈現的資料與用途，需要分開理解。

### 看案例：晶華酒店的場地配置

![](https://storage.ghost.io/c/14/91/14917ba3-4dad-4ae4-ab57-907c4fc7ce12/content/images/2026/09/02-regent-3d.png)

*圖 2｜看中央的三色操作軸，以及右側的位置、角度和縮放欄位。這張圖呈現的是場地應用的編輯介面，並非單純的掃描原始成果。擷取自影片約 0:55。*[觀看這段案例](https://www.youtube.com/watch?v=l7hxwXK7xSI&t=55s&ref=jerromy.com)

在晶華酒店案例中，空間進一步被用來安排活動配置。使用者關心的，是物件放在哪裡，以及布置後的場地看起來如何。

這裡要特別拆開兩件事：**掃描取得空間基礎；可編輯物件、操作介面與活動流程，需要另外設計與開發。**

掃描到一張桌子，也不代表系統會自動把它辨識成可單獨拖動的家具。  
要移動或替換它，可能還需要物件分離、場景整理，或另外建立可操作的模型。

## ▋數位孿生：讓數位空間對應到真實場域

「數位孿生」常和 3D 掃描一起出現，因為掃描可以替真實場地建立數位副本。

在空間展示的語境裡，這個詞常用來描述真實場域的數位重現；在工程與營運的語境中，還會進一步談資料更新、狀態對應與模擬。Matterport 的應用說明也談到以現場資料延伸數位副本的用途。閱讀這個名詞時，最好接著看它實際串接了什麼。[Matterport 數位孿生建置說明](https://matterport.com/learn/digital-twin/building?ref=jerromy.com)

**一份掃描主要記錄擷取時的狀態。** 現場隔天把桌椅搬走，數位場景不會只因為叫作數位孿生，就自動知道現場變了。

若要反映新配置、設備資訊或感測器狀態，還需要更新機制與資料串接。  
至於尺寸是否足以支援某個用途，也必須看擷取設備、現場條件與驗證結果。

這樣理解，就比較不會把「建立數位副本」和「已經完成所有即時管理功能」混在一起。

## ▋全虛擬空間：先有設計，再把展館搭出來

全虛擬空間可以從一張白紙開始。

想要挑高的展廳、特殊的採光、漂浮的展台，或一條在現實中不存在的參觀路線，都可以成為場景設計的一部分。它也可以參考真實建築，只是建置過程以設計與建模為主。

### 全虛擬 3D 怎麼建置？

**規劃空間與動線 → 建模 → 設定材質與光線 → 放入內容 → 加入移動與互動 → 調整效能。**

建模可以先從方塊、平面等基本形狀開始，逐步做出牆壁、樓梯與展台。接著替表面設定外觀：石材紋理、金屬反光、玻璃透明度，都屬於材質的工作。燈光與陰影則影響空間的明暗和氣氛。[Blender 建模與材質工具說明](https://www.blender.org/features/modeling/?ref=jerromy.com)

最後還要讓人能逛：從哪裡進入、怎麼移動、哪些地方不能穿過、點作品會看到什麼。模型完成，距離可用的線上展仍有這一段工作。

如果要放進瀏覽器，也要控制模型與圖片的負擔。細節越多，  
通常需要處理的資料越多；手機上的載入與操作表現，是建置時就要考慮的事。

*以上是常見的建置流程；不同專案採用的軟體與管線可能不同，* 
*並非宣稱案例使用了特定建模軟體。*

### 看案例：國美典藏數位博物館

![](https://storage.ghost.io/c/14/91/14917ba3-4dad-4ae4-ab57-907c4fc7ce12/content/images/2026/09/03-ntmofa-virtual.png)

*圖 3｜注意展廳的高度、牆面轉折、光線與角色的比例。全虛擬建模讓空間本身成為策展設計的一部分。擷取自影片約 0:43。*[觀看這段案例](https://www.youtube.com/watch?v=zNQ3AG2aCzA&t=43s&ref=jerromy.com)

國美館這個案例，是全虛擬展館。作品如何安排、觀眾從哪個角度接近，以及建築帶來什麼感受，都可以一起設計。

「全虛擬」也不代表每件展品都憑空創造。展館裡仍然可以放入真實作品的照片或掃描模型。**空間的來源，與展品的來源，可以不同。**

## ▋多人互動：不取決於空間是否拍攝而來

我們在製作線上展時，特別在意互動性。除了呈現空間，也會想：  
觀眾如何主動探索、一次操作能得到什麼回應，以及能不能和別人一起參與。

看見角色和聊天室，很容易以為整個空間一定是人工建模。

其實，實景掃描也能加入這些功能。

![](https://storage.ghost.io/c/14/91/14917ba3-4dad-4ae4-ab57-907c4fc7ce12/content/images/2026/09/04-matterport-multiplayer.png)

*圖 4｜看遠處帶名字的角色與左下角聊天室。這個案例把 Matterport 實景掃描 API 與自家 MiraMeta 引擎整合，讓掃描藝廊成為可以共同參觀、交流的空間。擷取自影片約 1:09。*[觀看 Matterport 多人藝廊](https://www.youtube.com/watch?v=EmriNOu6Ue4&t=69s&ref=jerromy.com)

多人連線需要讓不同使用者交換狀態：誰進來了、角色在哪裡、移動到哪裡，  
以及送出了什麼訊息。這些是額外開發的系統能力。

Matterport 提供 SDK 與 API，供開發者控制展示、存取部分場景或資料並進行整合；能做哪些功能，仍受介面能力、方案與實作方式影響。**影片中的多人功能，** 
**是整合開發的成果，不能當作所有 Matterport 導覽預設就有的功能。**[Matterport 開發者文件](https://matterport.github.io/developer-docs/?ref=jerromy.com)

同樣的共同參觀概念，也能放進全虛擬展館。

![](https://storage.ghost.io/c/14/91/14917ba3-4dad-4ae4-ab57-907c4fc7ce12/content/images/2026/09/05-ntm-multiplayer.png)

*圖 5｜臺博館「4⅚奇幻博物館」的影片畫面中，多個具名角色出現在同一個虛擬場景。左右是影片中的不同視窗呈現，並非另外拼造的使用畫面。擷取自開幕記者會影片約 5:21。*[觀看臺博館多人虛擬館](https://www.youtube.com/watch?v=m6CYM0vwbuo&t=321s&ref=jerromy.com)

把這兩張圖放在一起，就能看到：一個以實景掃描為基礎，一個是全虛擬場景，兩者都可以承載多人參與。

360 環景也能加入內容熱點、影音或其他互動。只是如果要讓角色或物件正確融入空間，還要另外處理位置、深度與遮擋等問題，不能只靠一張環景照片完成。

## ▋所以，畫質好不好，和能做什麼，要分開看

放大作品看筆觸時，影像細節很重要；了解建築結構時，空間資料有價值；  
共同參觀時，角色與訊息是否能順利同步，又是另一件事。

影像畫質、幾何完整度和互動能力，回答的是不同問題。

例如掃描模型有缺口，確實可能影響某些角度的展示與後續使用；  
但不能因此直接推論所有資料都沒有價值。反過來，照片很清楚，  
也不代表已經具有尺寸、物件分離或多人連線能力。

我們做過環景、掃描應用與全虛擬展館之後，  
更習慣把一個線上展拆成這三層來看：

### 空間基礎：空間怎麼來？

環景拍攝、3D 掃描、人工建模，決定空間的來源與可使用的資料。

### 展示內容：裡面放什麼？

作品、文字、照片、聲音與影片，承載展覽想傳達的內容。

### 互動系統：參觀者能做什麼？

導覽、配置、角色、聊天與共同參觀，決定人如何探索、操作，以及和彼此交流。

## ▋我們在意，人進來之後能做什麼

了解空間的來源之後，還可以再看一步：這個展覽如何回應參觀者？

對我們來說，一個互動值不值得做，要能說清楚它幫觀眾完成什麼。點開作品可以理解細節，調整物件可以預覽配置，和朋友聊天則讓共同參觀有了交流的機會。

功能數量之外，我們更在意這些操作是否容易理解、回應是否清楚，以及它和展覽內容有什麼關係。這是我們的設計重點，實際體驗仍需要透過使用者操作來檢查。

下次再打開一個線上展，你可以試著轉頭、換位置、點開內容，也看看其他人的出現會不會改變參觀方式。

你會開始分辨：哪些感受來自影像，哪些來自空間幾何，哪些來自互動設計。

**讓每個互動，都有參與的理由。這是我們希望在線上展裡做到的事。**

---

*本文案例圖片擷取自邏仕數位 n010 公開影片，已裁除網頁周邊，保留案例介面。影片經過剪輯與壓縮，截圖用於解說建置方式及功能，不作為各技術原始畫質或精度的比較樣本。*