krpano 实现小行星加载完成再显示所有的热点

r囧r小猫 2022-12-17 08:54 19阅读 0赞

# [https://blog.csdn.net/weixin\_39644462/article/details/105257965][https_blog.csdn.net_weixin_39644462_article_details_105257965] #

刚接触krpano，发现这个神奇的玩意，做全景图开发的工具。不过这几年也是不温不火。不过感觉还是挺新奇。

刚好遇到了一些问题，比如，默认皮肤的情况下，使用小行星在加载的时候就会出现各个热点，这样子并不好看。

### 接下来实现小行星加载完成再显示所有的热点。说明一下，我的krpano版本是1.19 pr16的。 ###

### 其他方法可以参考肥宗的文档。》》[http://www.krpano360.com/little-planet/][http_www.krpano360.com_little-planet]   （我的也是参考他的）     ###

首先在tour.xml文件skin\_settings里设置littleplanetintro为true（开启小行星还在模式）

littleplanetintro="true"

然后在skin目录下vtourskin.xml文件里找到skin\_setup\_littleplanetintro

将这里修改为如下

1.  `<action name="skin_setup_littleplanetintro" scope="local">`
2.  `set(global.lpinfo,`
3.  `scene=get(xml.scene),`
4.  `hlookat=get(view.hlookat),`
5.  `vlookat=get(view.vlookat),`
6.  `fov=get(view.fov),`
7.  `fovmax=get(view.fovmax),`
8.  `limitview=get(view.limitview)`
9.  `);`
10. `set(view,`
11. `fovmax=170,`
12. `limitview=lookto,`
13. `vlookatmin=90,`
14. `vlookatmax=90`
15. `);`
16.  
17. ``
18. `set_hotspot_visible(false);`
19. `set(layer[skin_layer],visible=false,alpha=0);`
20. `set(layer[skin_control_bar],visible=false,alpha=0);`
21. `set(layer[skin_splitter_bottom],visible=false,alpha=0);`
22.  
23.  
24. `lookat(calc(lp_hlookat - 180), 90, 150, 1, 0, 0);`
25. `set(events[lp_events].onloadcomplete,`
26. `delayedcall(0.5,`
27. `if(lpinfo.scene === xml.scene,`
28. `set(control.usercontrol, off);`
29. `set(view,`
30. `limitview=get(lpinfo.limitview),`
31. `vlookatmin=null,`
32. `view.vlookatmax=null`
33. `);`
34. `tween(`
35. `view.hlookat|view.vlookat|view.fov|view.distortion,`
36. `calc('' + lpinfo.hlookat + '|' + lpinfo.vlookat + '|' + lpinfo.fov + '|' + 0.0),`
37. `3.0, easeOutQuad,`
38. `set(control.usercontrol, all);`
39. `tween(view.fovmax, get(lpinfo.fovmax));`
40.  
41. ``
42. `set_hotspot_visible(true);`
43. `set(layer[skin_layer].visible,true);tween(layer[skin_layer].alpha,1,1);`
44. `set(layer[skin_control_bar].visible,true);tween(layer[skin_control_bar].alpha,1,1);`
45. `set(layer[skin_splitter_bottom].visible,true);tween(layer[skin_splitter_bottom].alpha,1,1);`
46.  
47.  
48. `skin_deeplinking_update_url();`
49. `delete(global.lpinfo);`
50. `);`
51. `,`
52. `delete(global.lpinfo);`
53. `);`
54. `);`
55. `);`
56. `</action>`
57.  
58. ``
59. `<action name="set_hotspot_visible">`
60. `for(set(i,0),i LT hotspot.count,inc(i),`
61. `if(%1 == false,`
62. `if(hotspot[get(i)].visible == true,`
63. `set(hotspot[get(i)].mark,true);set(hotspot[get(i)].visible,%1);`
64. `);`
65. `,`
66. `if(hotspot[get(i)].mark == true OR hotspot[get(i)].mark2 == true,`
67. `set(hotspot[get(i)].visible,%1);`
68. `);`
69. `);`
70. `);`
71. `</action>`

这里外加了一个set\_hotspot\_visible的action元素，用来循环查找hotspot并设置其属性visible为false。然后在skin\_setup\_littleplanetintro加载小行星之前传false隐藏热点，然后在加载完小行星后再传true显示热点。

[https_blog.csdn.net_weixin_39644462_article_details_105257965]: https://blog.csdn.net/weixin_39644462/article/details/105257965
[http_www.krpano360.com_little-planet]: http://www.krpano360.com/little-planet/