移花接木(21)- 无缝过渡两个场景

本案例实现了使用鼠标或触摸拖动滑条来任意融合两个相似场景。同一场景不同季节的景色,如昼夜、开灯关灯等都可以使用该效果。

本案例在下载包的位置是:

1.18.5\krpano-1.18.5\examples\xml-usage\slider-blend-cubes

首先我们看案例所在的文件夹的截图:

QQ图片20151221140554

首先需要融合两个场景的全景图是由各自的6张立方体切片组成,分别是前后左右上下,你可以使用krpano下载文件夹中的

Convert SPHERE to CUBE droplet.bat

将长宽比为2比1的全景图转换成立方体切片,把球面全景图拖拽到对应的droplet,然后按照以上命名方式命名。然后把十二张切片图片和slider_background.png以及slider_grip.png两个图片都放在你的文件夹vtour里。

 

假设你是针对tour.xml里众多scene标签中的其中一个进行滑条融合。我们找到这个scene,默认生成的scene里面的内容,应该有image标签。image标签定义了该场景的全景图。我们把整段image标签删掉。

把image标签内以及image标签删除以后,我们下面所做的复制粘贴内容都是从范例文件夹里的slider.xml到我们自己的xml进行。

首先我们把scene标签里的onstart里加上

onstart=”start();”

然后我们把下面所有的代码都放在这个scene标签内

 

注意,在原来的xml文件里,start这个action还有一段显示文字的代码。因为我们可能不需要,我们就删除了。

这样的话,你就可以在一个scene标签里实现滑动融合两个场景。

修改以下代码中的x、y以及align属性可以改变滑条的位置。

<plugin name=”slider_bg” url=”slider_background.png” align=”bottom” x=”0″ y=”30″ handcursor=”false” zorder=”1″ />