教你20分鍾建一個720°全景圖網站


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 PANOMAKE 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,如有侵權,請聯系刪除。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM