教你20分钟建一个720°全景图网站

时间:2024-03-07 19:43:56

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