教你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 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，在以后的实践中又多了一些玩法。