krpano相关笔记

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]);

你可能感兴趣的:(jQuery,and,javascript)