0.什么是720°全景圖
1.本文內容
本文告訴你什么是krpano,不涉及編程知識。
最后,你使用一台手機,一架三腳架,一台電腦,就可以部署自己的全景圖網站。
2.制作2:1全景圖
在手機上下載“谷歌相機app”,選擇其中"photo sphere"模式,架上三腳架,根據指引旋轉相機,拍攝各個角度的照片,拍攝完成后會自動生成一張2:1的全景圖照片。照片質量可以在拍攝設置中調整。
谷歌相機app
拍攝裝備
拍攝過程
2:1 全景圖成品
這張2:1的照片,就是下一步需要的材料。
3.全景圖三維化處理
接下來使用全景圖引擎krpano,本文使用krpano-1.19-pr16。
krpano
在krpano安裝的目錄下,有MAKE PANO和MAKE VTOUR兩種名字的exe可執行程序,其中MAKE PANO適用於單張全景圖,而MAKE VTOUR適用於一套漫游場景。將上一步的2:1圖片拖動到MAKE VTOUR的可執行程序上面,執行完成后,生成一個vtour文件夾。vtour里面就是你需要的網頁文件。
GIF3.gif
將vtour文件夾里面的tour.xml導入krpano.exe,編輯交互腳本。
GIF.gif
對於HelloWorld來說這一步並不需要,除非你想添加特效和交互功能。
4.網站部署
你可以放入Tomcat作為靜態網站發布,或者結合其他網頁創造更多功能。
或者直接執行tour_testingserver.exe啟動內嵌的服務器來測試效果。
video2gif_20200213_223725.gif
建好了。一個有意思的HelloWorld,在以后的實踐中又多了一些玩法。
本文轉自 https://www.jianshu.com/p/44223249ca4f,如有侵權,請聯系刪除。