安装和破解 打开压缩包,打开 MAKE VTOUR (MULTIRES) droplet.bat,将图片拖入,等待文件夹vtor,使用编辑器打开

tour.xml拖入krpano tools之中,krpano tools需要破解,,点击seting,输入破解码

详细更改属性参考网址:移花接木(22)- krpano制作简单的全景视频项目 - krpano教程

krpano tools属性:

load tour.xml 加载tour.xml

set as startup view  设置为启动视图

add hotspot  添加热点

edit hotspots 编辑热点(设置转场页面)

edit tour.xml 编辑tour.xml

save tour.xml 保存tour.xml

open tour folder 打开tour的文件夹

tour.xml属性:

littleplanetintro = “true”   //小行星开场

krpano全景之修改默认热点样式和载入效果

首先是默认的热点样式:

vtourskin.xml中(增加样式):

<!-- 玖璋院 样式 -->

<style name="ws_hotspotstyle_picture" width="100" height="prop" scale="1" distorted="false" />

add_all_the_time_tooltip:添加始终显示的文字

在热点的 onload 事件中加上 add_all_the_time_tooltip()

(或者在 <hotpsot> text 中添加显示自定义的文字)

2.空白处加上 action

<action name="add_all_the_time_tooltip">txtadd(tooltipname, 'tooltip_', get(name));addplugin(get(tooltipname));txtadd(plugin[get(tooltipname)].parent, 'hotspot[', get(name), ']');set(plugin[get(tooltipname)].url,'%SWFPATH%/plugins/textfield.swf');set(plugin[get(tooltipname)].align,top);set(plugin[get(tooltipname)].edge,bottom);set(plugin[get(tooltipname)].x,0);set(plugin[get(tooltipname)].y,0);set(plugin[get(tooltipname)].autowidth,true);set(plugin[get(tooltipname)].autoheight,true);set(plugin[get(tooltipname)].vcenter,true);set(plugin[get(tooltipname)].background,true);set(plugin[get(tooltipname)].backgroundcolor,0x000000);set(plugin[get(tooltipname)].roundedge,5);set(plugin[get(tooltipname)].backgroundalpha,0.65);set(plugin[get(tooltipname)].padding,5);set(plugin[get(tooltipname)].border,false);set(plugin[get(tooltipname)].glow,0);set(plugin[get(tooltipname)].glowcolor,0xFFFFFF);set(plugin[get(tooltipname)].css,'text-align:center; color:#FFFFFF; font-family:MicrosoftYahei;  font-size:24px;');if(device.mobile,set(plugin[get(tooltipname)].css,'text-align:center; color:#FFFFFF; font-family:MicrosoftYahei; font-weight:bold; font-size:24px;'););set(plugin[get(tooltipname)].textshadow,0);set(plugin[get(tooltipname)].textshadowrange,6.0);set(plugin[get(tooltipname)].textshadowangle,90);if(text == '' OR text === null,copy(plugin[get(tooltipname)].html,scene[get(linkedscene)].title),copy(plugin[get(tooltipname)].html,text));    set(plugin[get(tooltipname)].enabled,false);

3.vtorskin.xml也不要忘记写上onload 和onclick事件

附:krpano  - hotspot标签中文说明热(热点设置)。

<hotspot name="..."              定义热点名称type="image"            定义热点类型,只能是imageurl="..."               热点图像路径,支持SWF, JPG, PNG, GIFalturl="..."            html5状态下显示的图像路径keep="false"            是否在下一场景跳转后保持显示devices="all"           支持设备类型visible="true"          是否可见enabled="true"          设置热点是否接收鼠标事件handcursor="true"       设置是否鼠标移到上面显示小手maskchildren="false"    设置是否将子控件变成蒙板zorder=""               插入元素的次序索引,可以是字符也可以是数字,html5输出必须是0-100整数zorder2="0.0"           设置为0.0和1.0,分别对应当前热点在扭曲控件之下和之上capture="true"          与enabled配合使用,都为true只对热点传递动作,capture="false"可对子控件传递动作children="true"         设置子控件是否接收热点鼠标事件blendmode="normal"      设置混合模式,可选:normal, layer, screen, add, subtract, difference, multiply, overlay, lighten, darken, hardlight, invert.style=""                读入已设置好的style名称ath="0.0" atv="0.0"     设定将场景缩略图为球形热点edge="center"           热点的边界对齐点ox="0"                  边界到对齐点的偏移量oy="0"                  zoom="false"            设置是否场景缩放时,热点跟随缩放distorted="false" rx="0.0" ry="0.0" rz="0.0"    设置热点是否跟随场景进行3D扭曲details="8"              热点显示的细节数量,默认为8inverserotation="false"  设置是否逆向旋转3D扭曲flying="0.0"             设置ath/atv/scale的插值 width="" height=""       设置热点宽高scale="1.0"              设置热点缩放rotate="0.0"             设置热点旋转角度pixelhittest="false"     是否启动精确像素测试smoothing="true"         设置缩放时,是否平滑化处理accuracy="0"             设置像素渲染值(flash下)accuracy2="1"            设置精度控制(html5下)alpha="1.0"              设置透明度autoalpha="false"        设置是否自动变更透明度usecontentsize="false"   是否使用用户指定flash大小,默认false原始大小scale9grid=""            定义是否支持矢量缩放,scale9grid="x-position|y-position|width|height|prescale*"crop=""                  定义元素坐标及宽高  crop="x-position|y-position|width|height"onovercrop=""          设置元素鼠标移到上方后的坐标及宽高ondowncrop=""          设置元素鼠标按下状态后的坐标及宽高scalechildren="false"   子元素是否跟随缩放mask=""                 mask="name"  mask="layer[name]"  mask="hotspot[name]"effect=""                热点位图效果3种:glow(color,alpha,range,strength);dropshadow(depth,angle,color,range,strength);blur(radius);onover=""               鼠标在经过上方时执行动作onhover=""              鼠标停在上方时执行动作onout=""                鼠标停移出范围时时执行动作οnclick=""              鼠标停点击时执行动作ondown=""               鼠标按下时执行动作onup=""                 鼠标按键松开时执行动作onloaded=""             加载元素完成后执行动作/>多边形热点<hotspot name="..."keep="false"visible="true"enabled="true"handcursor="true"zorder=""capture="true"blendmode="normal"style=""alpha="1.0"autoalpha="false"fillcolor="0xFFFFFF" fillcolorhover="0xFFFFFF"   填充颜色及鼠标移上后颜色fillalpha="0.0" fillalphahover="0.1"             填充颜色透明度及鼠标移上后颜色透明度borderwidth="0.0" borderwidthhover="4.0"         边界宽度及鼠标移上后边界宽度bordercolor="0xFFFFFF" bordercolorhover="0xFFFFFF"  边界颜色及边界鼠标移上后颜色borderalpha="0.0" borderalphahover="0.8"           边界透明度及鼠标移上后边界透明度fadeintime="0.15" fadeincurve="1.1"               悬停状态变化时间及形式fadeouttime="0.3" fadeoutcurve="0.7"onover=""onhover=""onout=""οnclick=""ondown=""onup=""
><point ath="..." atv="..." />            多边形热点坐标<point ath="..." atv="..." /><point ath="..." atv="..." />...
</hotspot>

depth

krpano1.2定义了深度图的调用格式,分别是:

1、depth文件:这是krpano定义的记录深度图模型数据的简易文本文件,通过深度垂直计数x y z x y z…索引计数A B C A B C…形式高效记录深度图数据。目前是深度图的首先加载的形式,效果最高。

控制热点跳转到场景指定的视角(sence linkedscene 跳转)

移动热点的位置:ath="-2" atv="32.147"  链接到下一个sence linkedscene="scene_jinjing"

设置小行星开场  移花接木(16)- 小行星开场 - krpano教程http://www.krpano360.com/little-planet/

在设置了多个热点和按钮之后,如果设置开始显示热点,要把 vtour.xml之中的小行星的默认设置进行更改 set_hotspot_visible(false); 把false更改为true

lookat(calc(global.lpinfo.hlookat - 180), 90, 150, 1, 0, 0); 可以更改进去的视角和参数

krpano 完全隐藏下方导航栏 让默认导航条隐藏或完全移除皮肤 - krpano教程http://www.krpano360.com/rangmorendaohangtiaoyincanghuowanquanyichupifu/

按钮配个更改热点的js:

// 绑定在 玖璋logo 上 加载完就执行(tour.xml)
function scene1event() {//底下跳转了之后传值scene1load(krpanoObj);//传值后出现$(".anniu").show();console.log(krpanoObj);// 从近景点击按钮跳到远景 将页面所有图标隐藏起来for (var i = 1; i < 40; i++) {console.log(i);krpanoObj.call("set(hotspot[tbspot" + i + "].visible, false)");}
}function scene1load(krpanoObj) {// 隐藏交通轴线 正芯要地 生活配套  文化生态 function btn1hide() {for (var i = 1; i < 40; i++) {// console.log(i);krpanoObj.call("set(hotspot[tbspot" + i + "].visible, false)");}};function changeimg() {$(".btn1 img").attr('src', '../vtour/hotspot_style/flag/btn1.png')$(".btn2 img").attr('src', '../vtour/hotspot_style/flag/btn2.png')$(".btn3 img").attr('src', '../vtour/hotspot_style/flag/btn3.png')$(".btn4 img").attr('src', '../vtour/hotspot_style/flag/btn4.png')$(".btn5 img").attr('src', '../vtour/hotspot_style/flag/btn5.png')};$(".btn1").click(function() {console.log('点击第一个按钮');console.log($("img")[0].src);console.log($("img")[0].src.split('.png'));console.log($("img")[0].src.substr(44, 4));//.substr()抽取指定数目的字符changeimg()btn1hide()$(".btn1 img").attr('src', '../vtour/hotspot_style/flag/bttn1.png')// for (var i = 1; i < 11; i++) {//     console.log(i);//     krpanoObj.call("set(hotspot[tbspot" + i + "].visible, false)");// }// `set(hotspot[tbspot${i}].visible,true)`;})$(".btn2").click(function() {console.log('点击第二个按钮');console.log(krpanoObj);btn1hide()changeimg()$(".btn2 img").attr('src', '../vtour/hotspot_style/flag/bttn2.png')for (var i = 1; i < 11; i++) {//console.log(i + "隐藏");// name=tbspot1~10 的热点 true是显示 false是隐藏krpanoObj.call("set(hotspot[tbspot" + i + "].visible,true)");}})$(".btn3").click(function() {console.log(krpanoObj);btn1hide()changeimg()$(".btn3 img").attr('src', '../vtour/hotspot_style/flag/bttn3.png')for (var i = 11; i < 20; i++) {//console.log(i + "隐藏");// 隐藏 name=tbspot1~40 的热点krpanoObj.call("set(hotspot[tbspot" + i + "].visible,true)");}})$(".btn4").click(function() {console.log('点击第四个按钮');console.log(krpanoObj);btn1hide()changeimg()$(".btn4 img").attr('src', '../vtour/hotspot_style/flag/bttn4.png')for (var i = 22; i < 30; i++) {//console.log(i + "隐藏");// 隐藏 name=tbspot1~40 的热点krpanoObj.call("set(hotspot[tbspot" + i + "].visible,true)");}})$(".btn5").click(function() {console.log('点击第四个按钮');console.log(krpanoObj);btn1hide()changeimg()$(".btn5 img").attr('src', '../vtour/hotspot_style/flag/bttn5.png')for (var i = 30; i < 34; i++) {//console.log(i + "隐藏");// 隐藏 name=tbspot1~40 的热点krpanoObj.call("set(hotspot[tbspot" + i + "].visible,true)");}})
}function hidebtn() {$(".anniu").hide()
}// 通过onready 调用这个函数
var krpanoObj = null; //给krpanoObj指向具体的某个对象
var krpanoReady = function(krpano) {// tour.html定义传参//函数传入的krpano参数就是krpano Javascript-Interface object//显示krpano打印窗口//hotspotInit(krpano,[6,25,26,29,30,38,40,42,49,62,64,71]);krpanoObj = krpano;console.log(krpanoObj);for (var i = 1; i < 40; i++) {//console.log(i + "隐藏");// 隐藏 name=tbspot1~40 的热点krpano.call("set(hotspot[tbspot" + i + "].visible, false)");}console.log('krpanoReady');}

在主文件tour.html之中要更改参数:(增加上面的函数传参)

<div id="pano" style="width:100%;height:100%;"><noscript><table style="width:100%;height:100%;"><tr style="vertical-align:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript><script>embedpano({swf:"tour.swf", xml:"tour.xml", target:"pano", html5:"auto", mobilescale:1.0, passQueryParameters:true,onready: krpanoReady,});</script>
</div>

增加按钮和样式

.anniu{position: fixed;left: 12px;width: 1.61rem;z-index: 99;top: 1rem;display: block;};
.btn {display: block;width: 1rem;height: 1rem;}
img {width: 100%;height: 100%;}<div class="anniu"><a class="btn btn1" data="101"><img src="hotspot_style/flag/btn1.png" title="纵观全景"></a><a class="btn btn2" data="102"><img src="hotspot_style/flag/btn2.png" title="交通轴线"></a><a class="btn btn3" data="103"><img src="hotspot_style/flag/btn3.png" title="政芯要地"></a><a class="btn btn4" data="104"><img src="hotspot_style/flag/btn4.png" title="生活配套"></a><a class="btn btn5" data="105"><img src="hotspot_style/flag/btn5.png" title="文化生态"></a>
</div>

添加动态热点代码:

<hotspot name="spot1" style="hotspot_up" onloaded="add_all_the_time_tooltip();hotspot_animate()" ath="0.668" atv="8.739" linkedscene="scene_chufang" /><!-- 添加文字 --><action name="add_all_the_time_tooltip">txtadd(tooltipname, 'tooltip_', get(name));addplugin(get(tooltipname));txtadd(plugin[get(tooltipname)].parent, 'hotspot[', get(name), ']');set(plugin[get(tooltipname)].url,'%SWFPATH%/plugins/textfield.swf');set(plugin[get(tooltipname)].align,top);set(plugin[get(tooltipname)].edge,bottom);set(plugin[get(tooltipname)].x,0);set(plugin[get(tooltipname)].y,0);set(plugin[get(tooltipname)].autowidth,true);set(plugin[get(tooltipname)].autoheight,true);set(plugin[get(tooltipname)].vcenter,true);set(plugin[get(tooltipname)].background,true);set(plugin[get(tooltipname)].backgroundcolor,0x000000);set(plugin[get(tooltipname)].roundedge,5);set(plugin[get(tooltipname)].backgroundalpha,0.65);set(plugin[get(tooltipname)].padding,5);set(plugin[get(tooltipname)].border,false);set(plugin[get(tooltipname)].glow,0);set(plugin[get(tooltipname)].glowcolor,0xFFFFFF);set(plugin[get(tooltipname)].css,'text-align:center; color:#FFFFFF; font-family:MicrosoftYahei;  font-size:10px;');if(device.mobile,set(plugin[get(tooltipname)].css,'text-align:center; color:#FFFFFF; font-family:MicrosoftYahei; font-weight:bold; font-size:10px;'););set(plugin[get(tooltipname)].textshadow,0);set(plugin[get(tooltipname)].textshadowrange,6.0);set(plugin[get(tooltipname)].textshadowangle,90);if(text == '' OR text === null,copy(plugin[get(tooltipname)].html,scene[get(linkedscene)].title),copy(plugin[get(tooltipname)].html,text));    set(plugin[get(tooltipname)].enabled,false);</action><!-- 更改热点样式 -->
<style name="hotspot_up" url="%SWFPATH%/hotspot_style/ahead.png" crop="0|0|128|128" framewidth="128" frameheight="128" frame="0" lastframe="19"scale="0.3"scale.mobile="0.20"onover="tween(scale,0.35);"onout="tween(scale,0.3);"onloaded="hotspot_animate();"onclick="if(linkedscene, set(enabled,false); skin_hidetooltips(); tween(depth|alpha|oy|rx, 4000|0.0|-50|-60, 0.5, default, loadscene(get(linkedscene),null,get(skin_settings.loadscene_flags),get(skin_settings.loadscene_blend)); skin_updatescroll(); ); );"
/><!-- 热点动画 -->
<action name="hotspot_animate">
inc(frame,1,get(lastframe),0);
mul(ypos,frame,frameheight);
txtadd(crop,'0|',get(ypos),'|',get(framewidth),'|',get(frameheight));
delayedcall(0.03, if(loaded, hotspot_animate() ) );
</action>

自定义小地图+雷达:

<!-- 左小地图 实现点击地图按钮时,小地图移入,再次点击时移出。地图上显示表示场景位置的坐标点,和可控制场景观看方向的雷达区。需要用到radar.js(plugins)、radar.swf(plugins)updateradar()里面可以写数字,是雷达的默认角度值--><layer name="map" url="skin/150.png" keep="true" handcursor="false" capture="false" width="750" height="750"align="lefttop"oy="40"scale="0.15" scalechildren="true"onclick="openmap();"/><!-- 激活雷达指针,雷达覆盖在地图点上,但在激活点图像后面(雷达遮罩部分) zorder=1 在开始时隐藏,只有激活activetespot这个action时才会显示 zorder为叠放顺序--><layer name="radar" keep="true"url.flash="%SWFPATH%/plugins/radar.swf"url.html5="%SWFPATH%/plugins/radar.js"align="center" zorder="1"scale.mobile="1.5"fillalpha="0.5" fillcolor="0xe2ca69"linewidth="1.0" linecolor="0xffa100" linealpha="0.5"/><!-- 定点图片(蓝色坐标图片) --><style name="mapspot" keep="true" url="skin/weizhi.png" parent="map" align="lefttop" width="38" height="102" edge="center" scale.mobile="2" /><!-- 地图打开和关闭部分 打开缩放100% --><action name="openmap">set(layer[map].onclick, closemap(); );layer[map].changeorigin(center,center);set(bigscale,1);if(layer[map].imagewidth GT stagewidth, div(bigscale, stagewidth, layer[map].imagewidth); );tween(layer[map].x, 0);tween(layer[map].y, -100);tween(layer[map].scale, get(bigscale));</action><!-- 地图关闭缩放自身尺寸0.15倍 --><action name="closemap">set(layer[map].onclick, openmap(); );layer[map].changeorigin(lefttop,lefttop);tween(layer[map].x, 0);tween(layer[map].y, 0);tween(layer[map].scale, 0.15);</action><scene name="scene_canting" title="餐厅" onstart="updateradar();" thumburl="panos/canting.tiles/thumb.jpg" lat="" lng="" heading=""><action name="updateradar"><!-- 显示雷达和蓝色激活点 -->set(layer[activespot].parent, mapspot1);set(layer[radar].parent, mapspot1);set(layer[radar].heading, -90);</action><layer name="mapspot1" style="mapspot" keep="flase" x="311" y="217" zorder="1"/>
</scene>

//写法2

<action name="cm_architectural_view" autorun="onstart">tween(view.architectural, 1.0, distance(1.0,0.5));tween(view.pannini,       0.0, distance(1.0,0.5));tween(view.fisheye,       0.0, distance(1.0,0.5));</action><action name="cm_look_straight">if(view.vlookat LT -80 OR view.vlookat GT +80,tween(view.vlookat, 0.0, 1.0, easeInOutSine);tween(view.fov,     100, distance(150,0.8)););</action><!-- the map image --><layer name="map" url="img/map144.png" keep="true" handcursor="false" capture="false" width="700" height="700" align="lefttop"ox="10"oy="10"scale="0.15" scalechildren="true"onclick="openmap();"/>   <action name="openmap">set(layer[map].onclick, closemap(););layer[map].changeorigin(center,center);set(bigscale,1);if(layer[map].imagewidth GT stagewidth, div(bigscale, stagewidth, layer[map].imagewidth); );tween(layer[map].x, -10);tween(layer[map].y, -50);tween(layer[map].scale, 0.5);</action><action name="closemap">set(layer[map].onclick, openmap(););layer[map].changeorigin(lefttop,lefttop);tween(layer[map].x, 0);tween(layer[map].y, 0);tween(layer[map].scale, 0.15);</action><!-- the map spot images --><style name="mapspot" keep="true" url="img/weizhi.png" parent="map" align="lefttop" width="38" height="102" edge="center" scale.mobile="2"  /><action name="mapspot_loadscene">if(layer[map].scale GT 0.15,set(layer[map].enabled, false);tween(layer[map].alpha, 0.0, 0.15, default,loadscene(%1, null, MERGE, BLEND(1));set(layer[map].onclick, openmap(); );layer[map].changeorigin(leftbottom,leftbottom);set(layer[map].x, 0);set(layer[map].y, 0);set(layer[map].scale, 0.15);set(events[sceneload].onloadcomplete,delayedcall(1,tween(layer[map].alpha, 1.0, 0.5, default, set(layer[map].enabled, true); ););););,loadscene(%1, null, MERGE, BLEND(1)););</action><action name="updateradar">set(layer[activespot].parent, mapspot1);set(layer[radar].parent, mapspot1);set(layer[radar].heading, %1);</action><layer name="activespot" url="skin/camicon_red.png?v=1.30" keep="flase"align="lefttop" zorder="2" scale.mobile="2"/><layer name="radar" keep="true" url.flash="%SWFPATH%/plugins/radar.swf"url.html5="%SWFPATH%/plugins/radar.js"align="center" zorder="1"scale.mobile="1.5"fillalpha="0.5" fillcolor="0xe2ca69"linewidth="1.0" linecolor="0xffa100" linealpha="0.5"/><events name="setfov" keep="true" onxmlcomplete="setlimitfov();"/><action name="setlimitfov">set(view.limitview,range); set(view.maxpixelzoom,0.5);</action> <!-- 设置完毕后要在 scene 里添加标签 <layer name="mapspot1" style="mapspot" keep="flase" x="225" y="330" zorder="1"/>-->

krpano1.19新版默认皮肤skin_settings设置中文解释

<skin_settings maps="false"  是否显示地图按钮maps_type="google"   地图类型maps_bing_api_key="" bing地图授权keymaps_google_api_key="" 谷歌地图授权keymaps_zoombuttons="false"  地图是否显示缩放按钮gyro="true"  是否默认打开重力陀螺仪webvr="true" 是否显示vr按钮webvr_gyro_keeplookingdirection="false"  是否陀螺仪状态下默认跟随场景域默认视角webvr_prev_next_hotspots="true"  是否vr状态下显示上下场景按钮littleplanetintro="false"  是否默认启动小行星效果title="true"  是否皮肤显示标题thumbs="true"  是否显示缩略图皮肤thumbs_width="120" thumbs_height="80" thumbs_padding="10" thumbs_crop="0|40|240|160"  缩略图宽高和截取大小thumbs_opened="false"  是否默认展开缩略图thumbs_text="false"   是否显示缩略图文字thumbs_dragging="true"  是否缩略图支持滚动条拖动thumbs_onhoverscrolling="false"  是否缩略图支持鼠标移到上方时滚动thumbs_scrollbuttons="false"   是否显示滚动条控制按钮thumbs_scrollindicator="false"  是否显示滚动条底部控制条thumbs_loop="false"   是否缩略图循环滚动tooltips_buttons="false"  是否显示按钮上的提示信息(鼠标在上方时)tooltips_thumbs="false"   是否显示缩略图提示信息(鼠标在上方时)tooltips_hotspots="false" 是否显示热点提示信息(鼠标在上方时)tooltips_mapspots="false" 是否显示地图热点提示信息(鼠标在上方时)deeplinking="false"   是否显示深层链接loadscene_flags="MERGE"  设置场景切换标记loadscene_blend="OPENBLEND(0.5, 0.0, 0.75, 0.05, linear)"  场景默认切换过渡效果loadscene_blend_prev="SLIDEBLEND(0.5, 180, 0.75, linear)"  进入前一场景过渡效果loadscene_blend_next="SLIDEBLEND(0.5,   0, 0.75, linear)"  进入下一场景过渡效果loadingtext="loading..."  设置读取中状态的提示文字信息layout_width="100%"    系统皮肤默认宽度layout_maxwidth="814"  系统皮肤最大宽度controlbar_width="-24"  控制工具条宽度controlbar_height="40"  控制工具条高度controlbar_offset="20"  控制工具条偏移量controlbar_offset_closed="-40"  控制工具条关闭时偏移量controlbar_overlap.no-fractionalscaling="10"  控制工具条重叠非比例缩放值controlbar_overlap.fractionalscaling="0"  控制工具条重叠比例缩放值design_skin_images="vtourskin.png"  design_skin皮肤默认皮肤图片文件design_bgcolor="0x2D3E50"   design_skin皮肤背景颜色design_bgalpha="0.8"        design_skin皮肤背景透明度design_bgborder="0"         design_skin皮肤边框宽度design_bgroundedge="1"      design_skin皮肤圆角值 design_bgshadow="0 4 10 0x000000 0.3"     design_skin皮肤背景阴影参数design_thumbborder_bgborder="3 0xFFFFFF 1.0"  design_skin皮肤缩略图边框样式design_thumbborder_padding="2"        design_skin皮肤缩略图内边距值design_thumbborder_bgroundedge="0"    design_skin皮肤缩略图圆角值design_text_css="color:#FFFFFF; font-family:Arial;"  design_skin皮肤文字样式design_text_shadow="1"   design_skin皮肤文字阴影偏移值/>

//hotspot 热点点击不到,不显示手掌

<!--  样式 --><style name="ws_hotspotstyle_picture" width="100" height="prop" scale="1" distorted="false" children="false" handcursor="false" enabled="false" />设置:
handcursor="false" enabled="false"

//关闭地图和漫游和VR

<skin_settings maps="false"gyro="false"webvr="false"

//限制最高视角和最低视角

// vlookatmin="-70" vlookatmax="80"<view hlookat="719.364" vlookat="15.887" fovtype="MFOV" fov="140.000" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" vlookatmin="-70" vlookatmax="80"/>

krpano tools随记相关推荐

  1. 全景krpano相关问题解答

    问题一:为啥子VR在手机上面没有分屏? 答:一定要设置横屏(手机本身),如果是微信访问,微信软件要横屏. 问题二:怎么设置开场小行星? 修改vtourskin.xml(也就是皮肤xml)  ,刚刚有人 ...

  2. Krpano全景制作

    一.前言 在使用krpano之前,我已经做过两个全景项目了,用的是基于three.js的插件photo Sphere Viewer,这个全景插件用起来还是很方便的,虽然研究起来费了点时间,但是基本的全 ...

  3. 全景项目软件 krpano 入门通

    创意技术 CulmartPlay 2022-06-02 381 次浏览 0 条评论 1 次点赞 krpano 是奥地利公司 krpano Gesellschaft mbH 的全景项目软件,由 Klau ...

  4. AR实战-基于Krpano的多场景融合及热点自定义

    背景 在之前的博客中,曾经介绍了关于Krpano的相关知识,原文:全景自动切片技术-krpano初识.简单讲解了基于krpano1.19-pr13下单张全景照片的处理与展示.随着实景中国在各地的落地生 ...

  5. krpano 安装 新手教程

    首先下载krpano安装包 链接:http://pan.baidu.com/s/1eSOpnQq 密码:yngq. 安装步骤: 1. 打开 "krpano Tools.exe". ...

  6. Krpano 随笔 (一) 基本使用

    前期研究 因公司有相关业务需要使用到全景交互,经研究觉得krpano引擎非常适合我们的需求. 此引擎的使用者也非常多,例如 得图云.720云.xxxpano 等: 尝试运行 下载 官网地址:krpan ...

  7. 独辟蹊径:逆推Krpano切图算法,实现在浏览器切多层级瓦片图

    独辟蹊径:逆推Krpano切图算法,实现在浏览器切多层级瓦片图 前言 1.功能简介 2.回顾krpano切图 3.krpano切图最常用的方式 4.瓦片地图金字塔模型 ==正片开始== 5.前置知识介 ...

  8. Krpano全景制作使用笔记

    目录 一.前言 二.软件下载安装 三.软件使用 1.软件文件夹说明 (1)docu文件夹 (2)templates文件夹 (3)viewer文件夹 (4)droplet.bat文件 a.MAKE PA ...

  9. 抓取图片拼接成全景图

    一.工具准备 这里用的到工具和插件,自行下载: 1.谷歌插件 ----save all resource 2.Pano2VR pro 4.5.3 3.ImageBatchKing 2.2.1 4.kr ...

最新文章

  1. 信鸽 ios tag推送 php,iOS 关于信鸽推送点击推送通知的处理
  2. vuex实践之路——笔记本应用(三)
  3. Non-interger Area 分类讨论 奇偶 取模 牛客练习赛95
  4. 3.Hadoop的学习(ubuntu安装配置jdk)
  5. python机器学习案例系列教程——BIRCH聚类
  6. 提问的智慧 程序员成长之路
  7. 计算机显微视觉相关概念,计算机视觉热门科研!基于深度神经网络的蛋白质智能显微分类系统,已开启!...
  8. 【php毕业设计】基于php+mysql+apache的在线购物网站设计与实现(毕业论文+程序源码)——在线购物网站
  9. Android 自带截屏命令 screencap 的使用
  10. 直观理解图像的分形维数附matlab实现
  11. 每个国家对应的语言Locale和国家代码对照表(国际化支持)
  12. Jquery利用ajax调用asp.net webservice的各种数据类型(总结篇)
  13. sparrow图标素材
  14. ACM数论基础:同余定理、欧拉定理、互质、阶与原根
  15. 非常好的免费在线计算机词典
  16. 阿里云mysql测试_MySQL主主测试-阿里云开发者社区
  17. 骗子不可怕,就怕骗子有文化
  18. 【Shell】清理nohup.out文件
  19. C# 读取utf-8文本文件
  20. 巨杉数据库学习笔记+巨杉数据库实操项目实践

热门文章

  1. 向日葵远程桌面提示连接断开解决方法
  2. “链游之王”Axie引入全新保险机制 Ronin桥重新上线 避免重蹈覆辙
  3. 【人工智能】普通程序员想投身 AI 行业的机遇与挑战
  4. PhEmail:基于Python的开源网络钓鱼攻击工具
  5. PSP各型号主板防止变砖的应对策略
  6. 利用Cobalt Strike通过exe木马实现远控|Cobalt Strike远程控制|Cobalt Strike 使用方法|CS使用方法
  7. 【C应用】红外遥控小车程序分析(下)——红外传输数据程序分析
  8. 与自己赛跑 迎5G而上 ,九州云做边缘计算实力玩家
  9. 常用的OCR文字识别软件有哪些
  10. 关于小米手机“与已安装应用签名不同”的问题