什麼是AR 檢視器？

載入3D模型（GLB/GLTF），透過裝置相機和WebXR將其放置在房間中。縮放、旋轉、移動物件，看看家具或其他物品在實際空間中的效果。

檢視器可載入約 20 MB 以內的 GLB 與 GLTF 檔案,完全在你的裝置上透過 WebXR 執行。Android 端可獲得完整的表面追蹤 (ARCore);iOS 則由 AR Quick Look 接手。即使沒有相容裝置,頁面仍可作為一般 3D 檢視器使用,提供軌道控制、線框檢視、顯示頂點與多邊形數的統計面板,以及模型內建動畫片段的播放功能。

使用方法

1. 上傳 GLB 或 GLTF 3D 模型檔案，或從內建範例物件中選擇一個。
2. 點選「啟動 AR」啟用相機並掃描環境——點擊平面即可放置模型。
3. 捏合縮放、旋轉和拖曳來調整物件位置。截圖儲存目前的 AR 畫面。

何時使用

• 買沙發、書桌、書櫃之前,先看看尺寸放進房間合不合適。
• 客戶會議或現場勘查時,把產品按真實比例展示出來。
• 3D 列印之前,先把模型按真人大小放在面前預覽。

結果

您在網路上挑選書桌，下載了製造商提供的 3D 模型。將模型載入 AR 檢視器，用相機對準辦公室角落，放置虛擬書桌即可直觀判斷尺寸是否合適、風格是否搭配。

常見問題

為什麼我的手機上「啟動 AR」按鈕顯示「不支援」?

WebXR 需要 Android 的 ARCore 或 iOS 的 AR Quick Look,以及較新的 Chrome 或 Safari。舊款手機、桌面瀏覽器,以及很多 App 內建瀏覽器(Line、Instagram)會封鎖相機 API,這時只能用一般 3D 預覽。

點選地面時,模型按什麼比例擺放?

使用 GLB 檔案的原始單位,慣例上是「公尺」。1.0 單位的椅子就會變成一公尺高的椅子放在你房間裡。如果顯得特別小或特別大,代表匯出時用了公分或英寸,得先在 Blender 裡調比例。

AR 畫面可以儲存成圖片嗎?

可以。截圖按鈕會把目前畫面(模型加相機實景)存到下載資料夾。iOS 會呼叫系統分享選單,在那邊可以選擇儲存到相簿。

上傳的模型會傳送到伺服器嗎?

不會。GLB 檔案透過 three.js 在本地解析,相機畫面也不離開裝置。關掉網頁,模型就丟棄了。沒有帳號,沒有上傳佇列,工作階段結束後什麼都不留。

GLB 和 GLTF 有什麼差別?

GLTF 是 JSON 檔案,需要分別引用貼圖和二進位資料;GLB 把這些都打包到一個二進位檔案裡,分享方便。兩種格式都支援,但 GLB 不會弄丟貼圖,一般更穩定。

相關工具