旅尋 LvSyn
WebAR
拖曳旋轉 · 雙指縮放

把旅尋帶進你的空間

用手機掃描,旅尋招牌的「地圖圖釘」就會出現在你眼前的真實場景。可走近、繞圈、改變角度觀看 —— 全程免安裝任何 App。

如何體驗

四步驟,30 秒看到 AR

1
手機掃描下方 QR Code,或直接開啟本頁連結。
2
點畫面上的「在 AR 中查看」藍色按鈕(手機才會顯示)。
3
緩慢移動手機掃描地面,待出現對位圈後輕點放置圖釘。
4
走近、繞圈觀看,雙指可縮放、拖曳可移動位置。
旅尋 WebAR QR Code
用手機掃我
在電腦上看到這頁時,拿起手機掃描左方 QR Code,即可在手機開啟並進入 AR。AR 按鈕只在支援的手機上顯示,桌機看不到屬正常。
主題八 · 說明點 ①

AR 基本概念

擴增實境(Augmented Reality, AR)是把電腦生成的 3D 內容,即時疊合到手機鏡頭看見的真實畫面上,讓虛擬物件像真的存在於你眼前的空間。

與需要頭戴裝置的 VR 不同,AR 只要一支手機就能體驗。本頁示範的,就是把「旅尋」的招牌地圖圖釘擺進你所在的真實場景,並可走近、環繞、改變視角觀看。

主題八 · 說明點 ②

使用的工具/平台

model-viewer 4.0glTF / GLB ARCore Scene VieweriOS Quick Look 免安裝 WebAR
主題八 · 說明點 ③

AR 與網站的整合方式

整合採「最低摩擦」路徑:作品集(Notion 網站)放一張 QR Code 與連結 → 訪客用手機掃描 → 瀏覽器開啟這個獨立 WebAR 頁 → 點「在 AR 中查看」即進入相機即時 AR。

全程免下載 App、不挑瀏覽器;3D 模型與頁面是獨立靜態檔案,透過 <model-viewer> 標籤嵌入。網站端只需一個連結即可承載 AR 能力,不改動原網站結構

主題八 · 說明點 ④

實機操作截圖

下方為手機實機掃描、放置旅尋圖釘的操作畫面:

實機掃描放置旅尋圖釘
走近環繞觀看旅尋圖釘
主題八 · 說明點 ⑤

虛實整合的未來展望

獨立部署聲明:本頁為旅尋的「WebAR 體驗加分頁」,是獨立靜態專案、獨立 HTTPS 部署,與旅尋 App 主程式碼、旅尋官網完全分離、互不影響。3D 模型、頁面、QR 皆為本專案自有檔案。