1.krpano 关闭默认底部菜单
文件:skin/vtourskin.xml
找到
set(layer[skin_layer].visible, true);
修改为
set(layer[skin_layer].visible, false);
2.krpano 关闭切换场景的左右箭头
文件:skin/vtourskin.xml
1).找到
修改为
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加载已经切过的全景图
5.krpano加载本地全景图(未切图)
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外面
以下代码实现热点标题的显示,并且可以修改标题的样式
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);
);
);
);
);
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]);