拍攝360度環景圖
可用在網頁上,並且開發時方便使用
環景圖內可標示各種後續行為,例如開圖、開燈箱、另開網站、平面圖、點位路線等
可符合無障礙
環景拍攝工具,如 insta360
腳架
編輯照片軟體,如 insta360 App、insta360 studio
編輯環景軟體,如 pano2VRarrow-up-right
將拍攝器材架在腳架上
確定水平儀
將拍攝器材連接至手機,確定是要拍攝 360 度環景模式,準備 remote 拍攝
空間淨空:注意鏡子反射
使用手機即時預覽,確認空間清空後拍照
等待中...等待中...喀擦!
使用手機或拍攝裝置預覽成果圖,有缺陷馬上再拍,不要浪費已淨空的區域(有時是在人多的地方,會需要口頭請對方配合,通常人的心理配合一次以上心情就會不好)
完成後將拍攝裝置或記憶卡連接電腦
開啟編輯照片軟體
輸入來源
逐張檢視成果並微調光線等
輸出
開啟編輯環景軟體
建立專案
輸入步驟 12 之來源
編輯環景資訊,例如照片描述、互動標示、清除腳架、模糊敏感資訊等
輸出 HTML 檔並預覽、測試
配合使用之前端框架,使用軟體或手動調整 HTML 檔內路徑。 以 Nuxt3 與 pano2VR 為例,public資料夾下的東西,網址是 baseUrl + {public裡面的路徑},所以如果 HTML 檔要放在 public 下,就要調整檔案 skin.js 的 basePath
將 HTML 放置在網站 source 檔內,測試是否能在網站中使用
測試所有功能是否正常
insta360 X4:NT$16060 (不含記憶卡)
Pano2VR 台灣代理 Licence 一組:約 1~2 萬,可應用在您幫客戶製作的專案。
Last updated 10 months ago
Was this helpful?