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,如有侵权,请联系删除。