当前位置:   article > 正文

krpano tools 随记_krpano 深度图 坐标系

krpano 深度图 坐标系

安装和破解 打开压缩包,打开 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标签中文说明热(热点设置)。

  1. <hotspot name="..." 定义热点名称
  2. type="image" 定义热点类型只能是image
  3. url="..." 热点图像路径支持SWF, JPG, PNG, GIF
  4. alturl="..." html5状态下显示的图像路径
  5. keep="false" 是否在下一场景跳转后保持显示
  6. devices="all" 支持设备类型
  7. visible="true" 是否可见
  8. enabled="true" 设置热点是否接收鼠标事件
  9. handcursor="true" 设置是否鼠标移到上面显示小手
  10. maskchildren="false" 设置是否将子控件变成蒙板
  11. zorder="" 插入元素的次序索引可以是字符也可以是数字html5输出必须是0-100整数
  12. zorder2="0.0" 设置为0.0和1.0分别对应当前热点在扭曲控件之下和之上
  13. capture="true" 与enabled配合使用都为true只对热点传递动作capture="false"可对子控件传递动作
  14. children="true" 设置子控件是否接收热点鼠标事件
  15. blendmode="normal" 设置混合模式可选normal, layer, screen, add, subtract, difference, multiply, overlay, lighten, darken, hardlight, invert.
  16. style="" 读入已设置好的style名称
  17. ath="0.0" atv="0.0" 设定将场景缩略图为球形热点
  18. edge="center" 热点的边界对齐点
  19. ox="0" 边界到对齐点的偏移量
  20. oy="0"
  21. zoom="false" 设置是否场景缩放时热点跟随缩放
  22. distorted="false" rx="0.0" ry="0.0" rz="0.0" 设置热点是否跟随场景进行3D扭曲
  23. details="8" 热点显示的细节数量默认为8
  24. inverserotation="false" 设置是否逆向旋转3D扭曲
  25. flying="0.0" 设置ath/atv/scale的插值
  26. width="" height="" 设置热点宽高
  27. scale="1.0" 设置热点缩放
  28. rotate="0.0" 设置热点旋转角度
  29. pixelhittest="false" 是否启动精确像素测试
  30. smoothing="true" 设置缩放时是否平滑化处理
  31. accuracy="0" 设置像素渲染值flash下
  32. accuracy2="1" 设置精度控制html5下
  33. alpha="1.0" 设置透明度
  34. autoalpha="false" 设置是否自动变更透明度
  35. usecontentsize="false" 是否使用用户指定flash大小默认false原始大小
  36. scale9grid="" 定义是否支持矢量缩放scale9grid="x-position|y-position|width|height|prescale*"
  37. crop="" 定义元素坐标及宽高 crop="x-position|y-position|width|height"
  38. onovercrop="" 设置元素鼠标移到上方后的坐标及宽高
  39. ondowncrop="" 设置元素鼠标按下状态后的坐标及宽高
  40. scalechildren="false" 子元素是否跟随缩放
  41. mask="" mask="name" mask="layer[name]" mask="hotspot[name]"
  42. effect="" 热点位图效果3种glow(color,alpha,range,strength);
  43. dropshadow(depth,angle,color,range,strength);
  44. blur(radius);
  45. onover="" 鼠标在经过上方时执行动作
  46. onhover="" 鼠标停在上方时执行动作
  47. onout="" 鼠标停移出范围时时执行动作
  48. οnclick="" 鼠标停点击时执行动作
  49. ondown="" 鼠标按下时执行动作
  50. onup="" 鼠标按键松开时执行动作
  51. onloaded="" 加载元素完成后执行动作
  52. />
  53. 多边形热点
  54. <hotspot name="..."
  55. keep="false"
  56. visible="true"
  57. enabled="true"
  58. handcursor="true"
  59. zorder=""
  60. capture="true"
  61. blendmode="normal"
  62. style=""
  63. alpha="1.0"
  64. autoalpha="false"
  65. fillcolor="0xFFFFFF" fillcolorhover="0xFFFFFF" 填充颜色及鼠标移上后颜色
  66. fillalpha="0.0" fillalphahover="0.1" 填充颜色透明度及鼠标移上后颜色透明度
  67. borderwidth="0.0" borderwidthhover="4.0" 边界宽度及鼠标移上后边界宽度
  68. bordercolor="0xFFFFFF" bordercolorhover="0xFFFFFF" 边界颜色及边界鼠标移上后颜色
  69. borderalpha="0.0" borderalphahover="0.8" 边界透明度及鼠标移上后边界透明度
  70. fadeintime="0.15" fadeincurve="1.1" 悬停状态变化时间及形式
  71. fadeouttime="0.3" fadeoutcurve="0.7"
  72. onover=""
  73. onhover=""
  74. onout=""
  75. οnclick=""
  76. ondown=""
  77. onup=""
  78. >
  79. <point ath="..." atv="..." /> 多边形热点坐标
  80. <point ath="..." atv="..." />
  81. <point ath="..." atv="..." />
  82. ...
  83. </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教程icon-default.png?t=N7T8http://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教程icon-default.png?t=N7T8http://www.krpano360.com/rangmorendaohangtiaoyincanghuowanquanyichupifu/

按钮配个更改热点的js:

  1. // 绑定在 玖璋logo 上 加载完就执行(tour.xml)
  2. function scene1event() {
  3. //底下跳转了之后传值
  4. scene1load(krpanoObj);
  5. //传值后出现
  6. $(".anniu").show();
  7. console.log(krpanoObj);
  8. // 从近景点击按钮跳到远景 将页面所有图标隐藏起来
  9. for (var i = 1; i < 40; i++) {
  10. console.log(i);
  11. krpanoObj.call("set(hotspot[tbspot" + i + "].visible, false)");
  12. }
  13. }
  14. function scene1load(krpanoObj) {
  15. // 隐藏交通轴线 正芯要地 生活配套 文化生态
  16. function btn1hide() {
  17. for (var i = 1; i < 40; i++) {
  18. // console.log(i);
  19. krpanoObj.call("set(hotspot[tbspot" + i + "].visible, false)");
  20. }
  21. };
  22. function changeimg() {
  23. $(".btn1 img").attr('src', '../vtour/hotspot_style/flag/btn1.png')
  24. $(".btn2 img").attr('src', '../vtour/hotspot_style/flag/btn2.png')
  25. $(".btn3 img").attr('src', '../vtour/hotspot_style/flag/btn3.png')
  26. $(".btn4 img").attr('src', '../vtour/hotspot_style/flag/btn4.png')
  27. $(".btn5 img").attr('src', '../vtour/hotspot_style/flag/btn5.png')
  28. };
  29. $(".btn1").click(function() {
  30. console.log('点击第一个按钮');
  31. console.log($("img")[0].src);
  32. console.log($("img")[0].src.split('.png'));
  33. console.log($("img")[0].src.substr(44, 4));//.substr()抽取指定数目的字符
  34. changeimg()
  35. btn1hide()
  36. $(".btn1 img").attr('src', '../vtour/hotspot_style/flag/bttn1.png')
  37. // for (var i = 1; i < 11; i++) {
  38. // console.log(i);
  39. // krpanoObj.call("set(hotspot[tbspot" + i + "].visible, false)");
  40. // }
  41. // `set(hotspot[tbspot${i}].visible,true)`;
  42. })
  43. $(".btn2").click(function() {
  44. console.log('点击第二个按钮');
  45. console.log(krpanoObj);
  46. btn1hide()
  47. changeimg()
  48. $(".btn2 img").attr('src', '../vtour/hotspot_style/flag/bttn2.png')
  49. for (var i = 1; i < 11; i++) {
  50. //console.log(i + "隐藏");
  51. // name=tbspot1~10 的热点 true是显示 false是隐藏
  52. krpanoObj.call("set(hotspot[tbspot" + i + "].visible,true)");
  53. }
  54. })
  55. $(".btn3").click(function() {
  56. console.log(krpanoObj);
  57. btn1hide()
  58. changeimg()
  59. $(".btn3 img").attr('src', '../vtour/hotspot_style/flag/bttn3.png')
  60. for (var i = 11; i < 20; i++) {
  61. //console.log(i + "隐藏");
  62. // 隐藏 name=tbspot1~40 的热点
  63. krpanoObj.call("set(hotspot[tbspot" + i + "].visible,true)");
  64. }
  65. })
  66. $(".btn4").click(function() {
  67. console.log('点击第四个按钮');
  68. console.log(krpanoObj);
  69. btn1hide()
  70. changeimg()
  71. $(".btn4 img").attr('src', '../vtour/hotspot_style/flag/bttn4.png')
  72. for (var i = 22; i < 30; i++) {
  73. //console.log(i + "隐藏");
  74. // 隐藏 name=tbspot1~40 的热点
  75. krpanoObj.call("set(hotspot[tbspot" + i + "].visible,true)");
  76. }
  77. })
  78. $(".btn5").click(function() {
  79. console.log('点击第四个按钮');
  80. console.log(krpanoObj);
  81. btn1hide()
  82. changeimg()
  83. $(".btn5 img").attr('src', '../vtour/hotspot_style/flag/bttn5.png')
  84. for (var i = 30; i < 34; i++) {
  85. //console.log(i + "隐藏");
  86. // 隐藏 name=tbspot1~40 的热点
  87. krpanoObj.call("set(hotspot[tbspot" + i + "].visible,true)");
  88. }
  89. })
  90. }
  91. function hidebtn() {
  92. $(".anniu").hide()
  93. }
  94. // 通过onready 调用这个函数
  95. var krpanoObj = null; //给krpanoObj指向具体的某个对象
  96. var krpanoReady = function(krpano) {
  97. // tour.html定义传参
  98. //函数传入的krpano参数就是krpano Javascript-Interface object
  99. //显示krpano打印窗口
  100. //hotspotInit(krpano,[6,25,26,29,30,38,40,42,49,62,64,71]);
  101. krpanoObj = krpano;
  102. console.log(krpanoObj);
  103. for (var i = 1; i < 40; i++) {
  104. //console.log(i + "隐藏");
  105. // 隐藏 name=tbspot1~40 的热点
  106. krpano.call("set(hotspot[tbspot" + i + "].visible, false)");
  107. }
  108. console.log('krpanoReady');
  109. }

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

  1. <div id="pano" style="width:100%;height:100%;">
  2. <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>
  3. <script>
  4. embedpano({swf:"tour.swf", xml:"tour.xml", target:"pano", html5:"auto", mobilescale:1.0, passQueryParameters:true,
  5. onready: krpanoReady,
  6. });
  7. </script>
  8. </div>

增加按钮和样式 

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

添加动态热点代码:

  1. <hotspot name="spot1" style="hotspot_up" onloaded="add_all_the_time_tooltip();hotspot_animate()" ath="0.668" atv="8.739" linkedscene="scene_chufang" />
  2. <!-- 添加文字 -->
  3. <action name="add_all_the_time_tooltip">
  4. txtadd(tooltipname, 'tooltip_', get(name));
  5. addplugin(get(tooltipname));
  6. txtadd(plugin[get(tooltipname)].parent, 'hotspot[', get(name), ']');
  7. set(plugin[get(tooltipname)].url,'%SWFPATH%/plugins/textfield.swf');
  8. set(plugin[get(tooltipname)].align,top);
  9. set(plugin[get(tooltipname)].edge,bottom);
  10. set(plugin[get(tooltipname)].x,0);
  11. set(plugin[get(tooltipname)].y,0);
  12. set(plugin[get(tooltipname)].autowidth,true);
  13. set(plugin[get(tooltipname)].autoheight,true);
  14. set(plugin[get(tooltipname)].vcenter,true);
  15. set(plugin[get(tooltipname)].background,true);
  16. set(plugin[get(tooltipname)].backgroundcolor,0x000000);
  17. set(plugin[get(tooltipname)].roundedge,5);
  18. set(plugin[get(tooltipname)].backgroundalpha,0.65);
  19. set(plugin[get(tooltipname)].padding,5);
  20. set(plugin[get(tooltipname)].border,false);
  21. set(plugin[get(tooltipname)].glow,0);
  22. set(plugin[get(tooltipname)].glowcolor,0xFFFFFF);
  23. set(plugin[get(tooltipname)].css,'text-align:center; color:#FFFFFF; font-family:MicrosoftYahei; font-size:10px;');
  24. if(device.mobile,set(plugin[get(tooltipname)].css,'text-align:center; color:#FFFFFF; font-family:MicrosoftYahei; font-weight:bold; font-size:10px;');
  25. );
  26. set(plugin[get(tooltipname)].textshadow,0);
  27. set(plugin[get(tooltipname)].textshadowrange,6.0);
  28. set(plugin[get(tooltipname)].textshadowangle,90);
  29. if(text == '' OR text === null,
  30. copy(plugin[get(tooltipname)].html,scene[get(linkedscene)].title),
  31. copy(plugin[get(tooltipname)].html,text)
  32. );
  33. set(plugin[get(tooltipname)].enabled,false);
  34. </action>
  35. <!-- 更改热点样式 -->
  36. <style name="hotspot_up"
  37. url="%SWFPATH%/hotspot_style/ahead.png"
  38. crop="0|0|128|128"
  39. framewidth="128" frameheight="128" frame="0" lastframe="19"
  40. scale="0.3"
  41. scale.mobile="0.20"
  42. onover="tween(scale,0.35);"
  43. onout="tween(scale,0.3);"
  44. onloaded="hotspot_animate();"
  45. 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(); ); );"
  46. />
  47. <!-- 热点动画 -->
  48. <action name="hotspot_animate">
  49. inc(frame,1,get(lastframe),0);
  50. mul(ypos,frame,frameheight);
  51. txtadd(crop,'0|',get(ypos),'|',get(framewidth),'|',get(frameheight));
  52. delayedcall(0.03, if(loaded, hotspot_animate() ) );
  53. </action>

自定义小地图+雷达:

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

 //写法2

  1. <action name="cm_architectural_view" autorun="onstart">
  2. tween(view.architectural, 1.0, distance(1.0,0.5));
  3. tween(view.pannini, 0.0, distance(1.0,0.5));
  4. tween(view.fisheye, 0.0, distance(1.0,0.5));
  5. </action>
  6. <action name="cm_look_straight">
  7. if(view.vlookat LT -80 OR view.vlookat GT +80,
  8. tween(view.vlookat, 0.0, 1.0, easeInOutSine);
  9. tween(view.fov, 100, distance(150,0.8));
  10. );
  11. </action>
  12. <!-- the map image -->
  13. <layer name="map" url="img/map144.png" keep="true" handcursor="false" capture="false" width="700" height="700"
  14. align="lefttop"
  15. ox="10"
  16. oy="10"
  17. scale="0.15" scalechildren="true"
  18. onclick="openmap();"
  19. />
  20. <action name="openmap">
  21. set(layer[map].onclick, closemap(););
  22. layer[map].changeorigin(center,center);
  23. set(bigscale,1);
  24. if(layer[map].imagewidth GT stagewidth, div(bigscale, stagewidth, layer[map].imagewidth); );
  25. tween(layer[map].x, -10);
  26. tween(layer[map].y, -50);
  27. tween(layer[map].scale, 0.5);
  28. </action>
  29. <action name="closemap">
  30. set(layer[map].onclick, openmap(););
  31. layer[map].changeorigin(lefttop,lefttop);
  32. tween(layer[map].x, 0);
  33. tween(layer[map].y, 0);
  34. tween(layer[map].scale, 0.15);
  35. </action>
  36. <!-- the map spot images -->
  37. <style name="mapspot" keep="true" url="img/weizhi.png" parent="map" align="lefttop" width="38" height="102" edge="center" scale.mobile="2" />
  38. <action name="mapspot_loadscene">
  39. if(layer[map].scale GT 0.15,
  40. set(layer[map].enabled, false);
  41. tween(layer[map].alpha, 0.0, 0.15, default,
  42. loadscene(%1, null, MERGE, BLEND(1));
  43. set(layer[map].onclick, openmap(); );
  44. layer[map].changeorigin(leftbottom,leftbottom);
  45. set(layer[map].x, 0);
  46. set(layer[map].y, 0);
  47. set(layer[map].scale, 0.15);
  48. set(events[sceneload].onloadcomplete,
  49. delayedcall(1,
  50. tween(layer[map].alpha, 1.0, 0.5, default, set(layer[map].enabled, true); );
  51. );
  52. );
  53. );
  54. ,
  55. loadscene(%1, null, MERGE, BLEND(1));
  56. );
  57. </action>
  58. <action name="updateradar">
  59. set(layer[activespot].parent, mapspot1);
  60. set(layer[radar].parent, mapspot1);
  61. set(layer[radar].heading, %1);
  62. </action>
  63. <layer name="activespot" url="skin/camicon_red.png?v=1.30" keep="flase"
  64. align="lefttop" zorder="2" scale.mobile="2"
  65. />
  66. <layer name="radar" keep="true"
  67. url.flash="%SWFPATH%/plugins/radar.swf"
  68. url.html5="%SWFPATH%/plugins/radar.js"
  69. align="center" zorder="1"
  70. scale.mobile="1.5"
  71. fillalpha="0.5" fillcolor="0xe2ca69"
  72. linewidth="1.0" linecolor="0xffa100" linealpha="0.5"
  73. />
  74. <events name="setfov" keep="true" onxmlcomplete="setlimitfov();"/>
  75. <action name="setlimitfov">
  76. set(view.limitview,range);
  77. set(view.maxpixelzoom,0.5);
  78. </action>
  79. <!-- 设置完毕后要在 scene 里添加标签 <layer name="mapspot1" style="mapspot" keep="flase" x="225" y="330" zorder="1"/>-->

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

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

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

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

//关闭地图和漫游和VR

  1. <skin_settings maps="false"
  2. gyro="false"
  3. webvr="false"

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

  1. // vlookatmin="-70" vlookatmax="80"
  2. <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"/>

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/IT小白/article/detail/95081
推荐阅读
相关标签
  

闽ICP备14008679号