krpano相关笔记

1.krpano 关闭默认底部菜单
文件：skin/vtourskin.xml
找到

set(layer[skin_layer].visible, true);

修改为

set(layer[skin_layer].visible, false);

2.krpano 关闭切换场景的左右箭头
文件：skin/vtourskin.xml
1）.找到

<layer name="skin_btn_prev_fs" keep="true" type="container" align="lefttop"  x="-50" width="40" height="100%" bgcapture="true" alpha="0.0" enabled="false" capture="false" zorder="2" onclick="skin_nextscene_loop(-1);" onhover="tween(alpha,1.0);" onout="tween(alpha,0.25);" ondown.touch="onhover();" onup.touch="onout();"><layer name="skin_btn_prev_fs_icon" style="skin_base" crop="0|64|64|64"  align="center" scale="0.5" enabled="false" />
</layer>
<layer name="skin_btn_next_fs" keep="true" type="container" align="righttop" x="-50" width="40" height="100%" bgcapture="true" alpha="0.0" enabled="false" capture="false" zorder="2" onclick="skin_nextscene_loop(+1);" onhover="tween(alpha,1.0);" onout="tween(alpha,0.25);" ondown.touch="onhover();" onup.touch="onout();"><layer name="skin_btn_next_fs_icon" style="skin_base" crop="64|64|64|64" align="center" scale="0.5" enabled="false" />
</layer>

修改为

<layer name="skin_btn_prev_fs" keep="true" type="container" visible="false" align="lefttop"  x="-50" width="40" height="100%" bgcapture="true" alpha="0.25" capture="false" zorder="2" onclick="skin_nextscene_loop(-1);" onhover="tween(alpha,1.0);" onout="tween(alpha,0.25);" ondown.touch="onhover();" onup.touch="onout();"><layer name="skin_btn_prev_fs_icon" style="skin_base" crop="0|64|64|64"  align="center" scale="0.5" enabled="false" /></layer>
<layer name="skin_btn_next_fs" keep="true" type="container" visible="false" align="righttop" x="-50" width="40" height="100%" bgcapture="true" alpha="0.25" capture="false" zorder="2" onclick="skin_nextscene_loop(+1);" onhover="tween(alpha,1.0);" onout="tween(alpha,0.25);" ondown.touch="onhover();" onup.touch="onout();"><layer name="skin_btn_next_fs_icon" style="skin_base" crop="64|64|64|64" align="center" scale="0.5" enabled="false" /></layer>

2).找到

if(scene.count GT 1,set(layer[skin_btn_prev_fs].visible, true);set(layer[skin_btn_next_fs].visible, true);,set(layer[skin_btn_prev_fs].visible, false);set(layer[skin_btn_next_fs].visible, false);
);

修改为

if(scene.count GT 1,set(layer[skin_btn_prev_fs].visible, false);set(layer[skin_btn_next_fs].visible, false);,set(layer[skin_btn_prev_fs].visible, false);set(layer[skin_btn_next_fs].visible, false);
);

3.krpano 解决vr白屏
文件：plugins/webvr.xml

mobilevr_wakelock="true"   // 修改为  mobilevr_wakelock="false"

4.krpano加载已经切过的全景图

<scene name="scene_99" title="99" onstart="" thumburl="" lat="" lng="" heading="0.0"><view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="95" fovmin="70" fovmax="120" limitview="auto" /><preview url="" /><image><cube url="" /></image>
</scene>

5.krpano加载本地全景图（未切图）

<scene name="scene_99" title="99" onstart="" thumburl="" lat="" lng="" heading="0.0"><view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="95" fovmin="70" fovmax="120" limitview="auto" /><image><sphere url="" /></image>
</scene>

6.krpano创建热点时设置热点不随场景角度变化而变形
以下是官方创建热点代码

krpano.call("addhotspot(" + hs_name + ")");
krpano.set("hotspot[" + hs_name + "].url", "%SWFPATH%/"+icon);
krpano.set("hotspot[" + hs_name + "].scale", "1.1");
krpano.set("hotspot[" + hs_name + "].ath", h);
krpano.set("hotspot[" + hs_name + "].atv", v);
krpano.set("hotspot[" + hs_name + "].distorted", true);

将krpano.set(“hotspot[” + hs_name + “].distorted”, true);改为

krpano.set("hotspot[" + hs_name + "].distorted", false);

7.krpano热点始终显示标题，修改热点标题样式

krpano.set("hotspot[" + hs_name + "].text", "热点标题");
krpano.set("hotspot[" + hs_name + "].onloaded", "do_crop_animation(64,64, 60);add_all_the_time_tooltip_for_VR()");

同时在xml中进行修改，加在scene外面
以下代码实现热点标题的显示，并且可以修改标题的样式

<action name="add_all_the_time_tooltip_for_VR">txtadd(tooltipname, 'vrtooltip_', get(name));addhotspot(get(tooltipname)); set(hotspot[get(tooltipname)],type=text,edge=get(hotspot[get(name)].edge),distorted=get(hotspot[get(name)].distorted),ath=get(hotspot[get(name)].ath),atv=get(hotspot[get(name)].atv),oy=-36,ox=0,vcenter=true,padding='4 8',mipmapping=true,oversampling=2,bg=true,bgcolor=0x121212,bgroundedge=2,bgalpha=0.8,bgborder=0,bgshadow='0 0 0 0x000000 0',css=calc(device.mobile ? 'text-align:center; color:#FFFFFF; font-family:MicrosoftYahei; font-weight:bold; font-size:14px;':'text-align:left; color:#FFFFFF; font-family:MicrosoftYahei; font-size:14px;'),txtshadow='0 0 0 0x000000 0';enabled=true,);txtadd(hotspot[get(tooltipname)].onclick,'callwith(hotspot[',get(name),'],onclick)');  if(text == '' OR text === null,copy(hotspot[get(tooltipname)].html,scene[get(linkedscene)].title),copy(hotspot[get(tooltipname)].html,text);); if(lp_running == false,set(hotspot[get(tooltipname)].visible,true); ,  if(!webvr.isenabled,if(lp_running == true,set(hotspot[get(tooltipname)].visible,false); set(hotspot[get(tooltipname)].mark2,true););););if(hotspot[get(name)].normal == false, set(hotspot[get(tooltipname)].normal,false);set(hotspot[get(tooltipname)].onloaded,if(webvr.isenabled,set(visible,false);,   if(lp_running == false OR lp_running == null OR lp_running === null,  set(visible,true);););););
</action>

8.krpano跳转场景时关闭小行星并跳转到指定视角
krpano跳转场景的几种方法完全解析如下链接
loadpano、loadscene、loadpanoscene、loadxml动作说明
在跳转时可以通过vars*进行传参来设置小行星的关闭和初始视角

loadpano(sphere.xml, skin_settings.littleplanetintro=false&view.hlookat=0&view.vlookat=0);

9.设置krpano场景跳转效果
用8的代码为基础，需要添加跳转效果,通过blendType参数来设置

//声明所有的效果
var loadBlend = 0;
var blendType = ['BLEND(0.6, easeInCubic)', //淡入淡出'ZOOMBLEND(2.0, 2.0, easeInOutSine)', //缩放过渡'COLORBLEND(2.0, 0x000000, easeOutSine)', //黑场过渡'LIGHTBLEND(1.0, 0xFFFFFF, 2.0, linear)', //白场过渡'SLIDEBLEND(1.0, 0.0, 0.2, linear)', //从右至左'SLIDEBLEND(1.0, 90.0, 0.01, linear)', //从上至下'SLIDEBLEND(1.0, 135.0, 0.4, linear)', //对角线'OPENBLEND(1.0, 0.0, 0.2, 0.0, linear)', //圆形展开'OPENBLEND(0.7, 1.0, 0.1, 0.0, linear)', //垂直展开'OPENBLEND(1.0, -1.0, 0.3, 0.0, linear)', //水平展开'OPENBLEND(1.0, -0.5, 0.3, 0.8, linear)' //椭圆缩放
]
//跳转时加上效果代码
loadpano(sphere.xml, skin_settings.littleplanetintro=false&view.hlookat=0&view.vlookat=0,MERGE,blendType[loadBlend]);

krpano相关笔记相关推荐

SQL常用用法相关笔记
SQL常用用法相关笔记 1).----CAST和CONVERT的用法 SQL中的cast和convert都是用来将一种数据类型的表达式转换为另一种数据类型的表达式. CAST和CONVERT提供相似的 ...
cscope 相关笔记
cscope 相关笔记 cscope 可以用来解析 c 代码,生成引用信息,用户通过查询引用信息来在代码中进行跳转. 使用步骤如下: find 寻找待 index 的文件,并将文件列表写入到 csco ...
windows相关笔记
windows相关笔记前言一. 彻底关闭windows10自动更新二.开机启动批处理禁用win10更新服务三.解决win和(linux或mac)双系统时间不同步问题四.添加环境变量示例ope ...
矩阵的病态性研究相关笔记
矩阵的病态性研究相关笔记一.概念定义 1.1 良态VS病态病态问题(ill-conditioned problem)是指输出结果相对于输入非常敏感,输入数据哪怕是极少(或者极微妙)的噪声也会导致输 ...
微环谐振器MRR相关笔记
微环谐振器MRR相关笔记这是第一次将自己的笔记上传到博客上,直接全部复制进来好像就成一整个图片了,下次我再排版好一些. 这些是我在科研的途中整理出来的资料,有些直接贴图,有些计算是自己手写的.
[笔记] 最大权闭合子图最大流最小割相关笔记
最大权闭合子图对于最大权闭合子图的理论学习并且补充一部分网络流的笔记有向图中若干个点组成的一个集合\(V\),集合\(V\)的所有出边所连的点也都属于\(V\),这些点构成的图即为闭合子图点有点 ...
SpringBoot的幕后推手，分布式架构演进+相关笔记参考
这两年随着微服务的盛行,SpringBoot框架水到渠成的得到了高曝光,作为程序猿的我们,现在要是不知道一点SpringBoot相关的东西,貌似出去找工作都会被深深地鄙视,不过在我们开始Sprin ...
Javascript使用三大家族和事件来DIY动画效果相关笔记（一）
1.offset家族 ◆offsetWidth和offsetHeight表示盒子真实的宽度高度,这个真实的宽度包括四周的边框.四周的padding.及定义的宽度高度或内容撑开的高度和宽度,可以用来检 ...
记一次mpvue开发完整小程序相关笔记
通过一个月的小程序开发,记录下一点点小心得······ 先给各位大佬请安了~~ 1.wx.previewImage预览图片关闭后会再次触发onShow方法: 在全局变量里定义一个全局变量开关来控制, ...

krpano相关笔记

krpano相关笔记相关推荐

最新文章

热门文章