krpano 实现小行星加载完成再显示所有的热点
刚接触krpano，发现这个神奇的玩意，做全景图开发的工具。不过这几年也是不温不火。不过感觉还是挺新奇。
刚好遇到了一些问题，比如，默认皮肤的情况下，使用小行星在加载的时候就会出现各个热点，这样子并不好看。
接下来实现小行星加载完成再显示所有的热点。说明一下，我的krpano版本是1.19 pr16的。
其他方法可以参考肥宗的文档。》》http://www.krpano360.com/little-planet/
（我的也是参考他的）
首先在tour.xml文件skin_settings里设置littleplanetintro为true（开启小行星还在模式）
littleplanetintro="true"然后在skin目录下vtourskin.xml文件里找到skin_setup_littleplanetintro
<action name="skin_setup_littleplanetintro" scope="local">set(global.lpinfo, scene=get(xml.scene), hlookat=get(view.hlookat), vlookat=get(view.vlookat), fov=get(view.fov), fovmax=get(view.fovmax), limitview=get(view.limitview) );set(view, fovmax=170, limitview=lookto, vlookatmin=90, vlookatmax=90);lookat(calc(lp_hlookat - 180), 90, 150, 1, 0, 0);set(events[lp_events].onloadcomplete,delayedcall(0.5,if(lpinfo.scene === xml.scene,set(control.usercontrol, off);set(view, limitview=get(lpinfo.limitview), vlookatmin=null, view.vlookatmax=null);tween(view.hlookat|view.vlookat|view.fov|view.distortion, calc('' + lpinfo.hlookat + '|' + lpinfo.vlookat + '|' + lpinfo.fov + '|' + 0.0),3.0, easeOutQuad,set(control.usercontrol, all);tween(view.fovmax, get(lpinfo.fovmax));skin_deeplinking_update_url();delete(global.lpinfo););,delete(global.lpinfo););););</action>将这里修改为如下
<action name="skin_setup_littleplanetintro" scope="local">set(global.lpinfo, scene=get(xml.scene), hlookat=get(view.hlookat), vlookat=get(view.vlookat), fov=get(view.fov), fovmax=get(view.fovmax), limitview=get(view.limitview) );set(view, fovmax=170, limitview=lookto, vlookatmin=90, vlookatmax=90);<!-- 新增 -->set_hotspot_visible(false);set(layer[skin_layer],visible=false,alpha=0);set(layer[skin_control_bar],visible=false,alpha=0);set(layer[skin_splitter_bottom],visible=false,alpha=0);lookat(calc(lp_hlookat - 180), 90, 150, 1, 0, 0);set(events[lp_events].onloadcomplete,delayedcall(0.5,if(lpinfo.scene === xml.scene,set(control.usercontrol, off);set(view, limitview=get(lpinfo.limitview), vlookatmin=null, view.vlookatmax=null);tween(view.hlookat|view.vlookat|view.fov|view.distortion, calc('' + lpinfo.hlookat + '|' + lpinfo.vlookat + '|' + lpinfo.fov + '|' + 0.0),3.0, easeOutQuad,set(control.usercontrol, all);tween(view.fovmax, get(lpinfo.fovmax));<!-- 新增 -->set_hotspot_visible(true);set(layer[skin_layer].visible,true);tween(layer[skin_layer].alpha,1,1);set(layer[skin_control_bar].visible,true);tween(layer[skin_control_bar].alpha,1,1);set(layer[skin_splitter_bottom].visible,true);tween(layer[skin_splitter_bottom].alpha,1,1);skin_deeplinking_update_url();delete(global.lpinfo););,delete(global.lpinfo););););</action><!-- 自定义小行星加载完成前隐藏热点 --><action name="set_hotspot_visible">for(set(i,0),i LT hotspot.count,inc(i),if(%1 == false,if(hotspot[get(i)].visible == true,set(hotspot[get(i)].mark,true);set(hotspot[get(i)].visible,%1););,if(hotspot[get(i)].mark == true OR hotspot[get(i)].mark2 == true,set(hotspot[get(i)].visible,%1););););</action>这里外加了一个set_hotspot_visible的action元素，用来循环查找hotspot并设置其属性visible为false。然后在skin_setup_littleplanetintro加载小行星之前传false隐藏热点，然后在加载完小行星后再传true显示热点。
krpano 实现小行星加载完成再显示所有的热点相关推荐
- 网页Loading，让页面加载完再显示
原文链接:http://www.iew3c.com/code-sharing/6672.html 一个真正的网页LOADING,不是装模作样的,网页真正加载完才显示,若没加载完则一直显示进度条,你可以 ...
- html5 载入网页 显示,页面加载完之前显示Loading
1.第一种方式 HTML loading... CSS .loader { position: fixed; left: 50%; top: 50%; margin: -0.2em 0 0 -0.2e ...
- Github无法加载或不显示图片问题
好久以前就发现Github无法加载或不显示图片,最近又严重影响日常使用.查找资料并总结解决步骤如下: 1.Mac终端输入 sudo vi /etc/hosts windows 修改文件WIN(C:\W ...
- selenium等待定位标签加载完再执行
遇到的问题描述 我们经常会碰到用selenium操作页面上某个元素的时候, 需要等待页面加载完成后, 才能操作. 否则页面上的元素不存在,会抛出异常. 比如: 一个动态网页使用了ajax的异步加载, ...
- SDL 从内存流中加载图像并显示
最近做项目需要实现这么一个功能,需要将Android平板上显示的内容实时传送到投影仪上显示. 连接投影仪的机器安装了 CentOS 6,采用 SDL 开发库做 UI 界面.系统本来的需求只要在投影仪上 ...
- Github无法加载或不显示图片解决办法
最近发现Github无法加载或不显示图片,严重影响日常使用.查找资料并总结解决步骤如下: 1.Mac终端输入 sudo vi /etc/hosts 2.输入密码后,点击 i键,进入Insert模式,将 ...
- ExtJS 等待两个/多个store加载完再执行操作
Extjs加载Store是异步加载的,这有很多好处.但是当我们要在两个或多个不同的store加载完再执行一些操作时,异步加载就成了一个问题.在Stack Overflow 等网站搜集并试用了几个处理方 ...
- loading窗口动画 web_在页面未加载完之前显示loading动画
在页面未加载完之前显示loading动画 loading动画代码demo use-pseudo-class .loading{ width: 100px; height: 100px; border: ...
- js中图片加载失败，显示默认图片
js处理img标签加载图片失败,显示默认图片 1.第一种方法: 如果已经引入了jquery插件,就很好办.没有的话,如果实在需要,可以附上代码: $('img').error(function(){$ ...
最新文章
- C++描述杭电OJ 2014. 青年歌手大奖赛_评委会打分 ||
- winpythonhadoop_让python在hadoop上跑起来
- c语言topk函数并获取下标,C语言函数语法大全（一）
- win10 把软件窗口背景设置成豆沙绿
- matlab 12脉波变压器,12脉波整流电路MATLAB-Simulink仿真及谐波分析.pdf
- [原创]FlashFXP打造自动镜像更新
- HexoNext添加网易云音乐
- java代码编写 银行存取款_用Java编写银行账户存取款业务，急求！！
- php中判断一个文件是否存在,PHP中用于判断文件是否存在的函数是
- Glide4 设置默认图片和错误图片，即设置占位图
- 示波器X-Y模式分析
- 黑客用我们服务器挖矿了
- RJS参考之JavaScriptCollectionProxy
- REDO文件损坏修复
- AI智能安防视频融合云平台EasyCVR分屏播放不能正常使用是什么原因？
- C/C++ Qt StatusBar 底部状态栏应用
- 50道JAVA基础算法编程题【内含分析、程序答案】【建议收藏】【建议收藏】【建议收藏】
- 用tensorflow进行数据增强
- 吃鸡ios和android灵敏度,2021吃鸡最佳灵敏度
- oracle学习（一）