陳顗安 數位作品集
AR
拖曳旋轉 · 雙指縮放

歡迎來到我的數位作品集

用手機掃描,一枚「地圖圖釘+放大鏡」就會出現在你眼前的真實場景,象徵這份作品集的核心精神 ——「探索與發現」。可走近、繞圈、改變角度觀看,全程免安裝任何 App。

*AR 標誌意象取自代表作品〈旅尋〉的地圖圖釘。

如何體驗

四步驟,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 能力,不改動原網站結構

主題八 · 說明點 ④

實機操作截圖

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

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

虛實整合的未來展望

獨立部署聲明:本頁為個人數位作品集的「WebAR 加分頁」,是獨立靜態專案、獨立 HTTPS 部署,與作品集主站及其他既有網站分離、互不影響。3D 模型、頁面、QR 皆為本專案自有檔案。