什麼是360度全景圖檢視器？
一款支援360度等距矩形全景圖的互動式檢視器。上傳全景照片後，可透過點擊拖曳環顧四周、滾動縮放，沉浸式瀏覽完整的球形環境。
檢視器基於 Three.js:把你的 equirectangular JPEG/PNG 貼在球體內壁,相機放在球心。拖曳可以四處看,滾輪或雙指縮放調整視角,打開自動旋轉(可選慢速 / 正常 / 快速)即可免手操作環視全景,還能把目前角度截成 PNG 或 JPG 保存。
使用方法
- 從裝置上傳等距矩形全景圖（JPEG 或 PNG），或使用內建範例全景圖。
- 點擊並拖曳以環視 360 度全景。使用滾輪或捏合手勢進行縮放。
- 開啟自動旋轉功能以實現免手操控的全景導覽，或截取當前視角儲存圖片。
何時使用
- 在實地看房前,先看建商或仲介提供的 360° 照片。
- 空拍機或單眼拍的全景在發到 Google 地圖或 Facebook 之前先預覽。
- 把博物館、場館或拍片現場的虛擬導覽分享給客戶或團隊離線觀看。
結果
一位房地產攝影師上傳了客廳的 360 度全景圖，並將瀏覽連結分享給潛在買家，讓他們能互動式地探索室內空間。
常見問題
- 什麼是 equirectangular 圖,怎麼判斷自己手上的是不是?
- equirectangular 圖的長寬比是 2:1(常見 4096×2048),看起來上下被拉長,頂端代表天空、底端代表地面。多數 360° 相機和全景拼接 App 預設輸出就是這種格式。
- 圖能載入,但中央扭曲或看得到拼縫,怎麼辦?
- 扭曲通常代表檔案不是真正的 equirectangular,例如柱面投影或「小行星」匯出。用 PTGui 或 Hugin 等工具重新投影即可。拼縫則是原始素材重疊不夠造成的,得回原始素材重拼。
- 可以看立體 3D 或 VR 格式的全景嗎?
- 不行。瀏覽器只渲染單視角 360° 球面,上下並排或左右並排的立體全景會看到重影。要在 VR 中觀賞需要頭顯加上支援分眼的播放器,例如 SKYBOX 或 DeoVR。
- 自動旋轉能隱藏控制項做乾淨的展示嗎?
- 可以。點工具列上的全螢幕按鈕,全景畫面就會鋪滿整個螢幕,控制項仍會留在底部,自動旋轉、縮放、截圖與重設視角依然一鍵可達。自動旋轉還提供慢速、正常、快速三段速度,就在開關旁邊顯示,你可以選慢速漂移用於簡報,或快速旋轉用於預覽。
- 我的全景圖會上傳嗎?
- 不會。檔案被 Three.js 直接當成記憶體紋理載入,不會送到任何地方。截圖則是讀取 canvas 像素在本機產生。