720°VR全景网站制作-多场景

一、准备

两张或两张以上全景图片,复制到krpano-1.19-pr13目录下,我这里拿两张全景图片作为演示

720°VR全景网站制作-多场景_第1张图片

二、开始生成多场景的720°VR全景网站

1、按住键盘的ctrl键(左下角第一个键),点击鼠标左键逐一选中需要使用的场景图片

720°VR全景网站制作-多场景_第2张图片

2、将选中的图片一起拖到MAKE VTOUR (NORMAL) droplet.bat文件上,等待读条完成

720°VR全景网站制作-多场景_第3张图片

我们看到目录下面已经生成了vtour文件夹。将vtour内的网站部署好之后大家点击下方的“田”可以看到,我们把两个场景融合到了一个页面,并且能够实现手动切换。 (网站怎么部署请看上一章的教程720°VR全景网站制作)

三、场景切换

上一节大家点击页面下的“田”已经能实现场景的切换了,不过在正式环境肯定不能使用这种方式来进行场景切换。所以我们来看下怎么在场景内增加箭头,并且实现多场景来回切换。

1、打开配置文件,双击krpano Tools.exe打开配置工具如图

720°VR全景网站制作-多场景_第4张图片

2、进入vtour目录,将tour.xml文件拖入krpano Tools

 720°VR全景网站制作-多场景_第5张图片

 

 3、添加跳转热键

 ①点击工具的Add hotspot,可以看到我们的场景中间多了一个箭头的图标

 ②箭头可以拖动并调整位置,鼠标左键单击箭头可以选择需要切换的场景,然后点击save保存

 ③最后点击编辑器的Save tour.xml进行保存,重新打开部署好的网站,发现场景切换的箭头已经添加好了,点击即可切换到设置好的场景。

 

上面就是简单的多场景720°vr网站制作了。若要实现更加复杂的功能就需要大家有一些前端编码功底了,下一章将跟大家分享如何通过调整生成的html代码来实现更多有趣的功能。看了本文如果你有所收获,请动动发财的小手赏给博主一个赞,就是对博主最大的鼓励。

你可能感兴趣的:(720°VR全景,vr)