krpano让场景开始即展示图片,10秒后自动隐藏

每个场景开始时都显示一张图片在正中央,然后图片在10秒后自动消失或用户可以自行点击图片隐藏。

解决方案

为了让所显示的图片的自适应屏幕尺寸,首先在tour.xml插入下面的代码(不要放在scene标签内):

你可以修改上面两个0.9的数字,控制图片在全景窗口中的显示比例。
然后在你要实现该功能的scene标签内加入下面的代码:

layer标签是我们要放进场景开始时的图片,你可以修改url的路径,来选择你想要的图片,然后最后在delayedcall那个地方你可以将10改为你想要的消失时间。

思路解释

首先得有一个layer,layer只需要设置一下url、align这些属性,具体的尺寸比例我用picture_resize这个action完成。然后在onclick这个事件中也设置了用户点击图片后自动消失的代码。
大家可以注意到我将visible设置为了false,即不可见,同时alpha也是0.。考虑到如果直接显示可见的话,可能在全景图还没载入完毕,也就是可能部分黑屏时图片就显示了。这样的体验可能不太好。因此我通过一个onpreviewcomplete event来控制,在预览图全部载入完成后才显示图片,同时加入延时执行10秒的代码实现图片消失。

在 “krpano让场景开始即展示图片,10秒后自动隐藏” 上有 1 条评论

发表评论