ui.xml 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435
  1. <krpano>
  2. <!--首屏弹出-->
  3. <layer name="home" type="container" bgcolor="0x000000" keep="true" width="100%" height="100%" align="center" zorder="900" bgalpha="1" bgcapture="true" visible="true" onclick2="if(progress.progress GT 0.9 , set(visible,false))">
  4. <layer name="homebg" type="image" url.normal="https://bigscene.4dage.com/panorama/img/pc/homebg.jpg" url.mobile="https://bigscene.4dage.com/panorama/img/mobile/homebg.png" align="top"
  5. keep="true" x="0%" y.mobile="0%" zorder="1" width.mobile="100%" height.mobile="prop" visible="true" onclick2="set(layer[home].visible,false)" onloaded="resize();js(hidload)"/>
  6. <layer name="hometitle" type="image" url.normal="https://bigscene.4dage.com/panorama/img/pc/title.png" url.mobile="https://bigscene.4dage.com/panorama/img/mobile/title.png" align="top"
  7. keep="true" x="3%" y.mobile="40%" zorder="10" width.normal="prop" width.mobile="80%" height.normal="46%" height.mobile="prop" visible="true" y="3%" onloaded="" onclick2="set(layer[home].visible,false)" />
  8. <!--<layer name="homelogo" type="image" url="https://bigscene.4dage.com/panorama/img/pc/blogo.png" align="top"
  9. keep="true" x="0%" y.mobile="31%" zorder="10" width.normal="prop" width.mobile="prop" height.normal="15%" height.mobile="14%" visible="true" onloaded="" y="84%" /> -->
  10. <layer name="homecn" type="image" url.normal="https://bigscene.4dage.com/panorama/img/pc/cnen.png" url.mobile="https://bigscene.4dage.com/panorama/img/mobile/cnen.png"
  11. align="top" keep="true" x="0%" y.mobile="40%" zorder="10" width.normal="prop" width.mobile="prop" height.normal="6%" height.mobile="6%" visible="true" onloaded="" y="80%" ox="0%" onclick="enter(cn);js(krqstunm(1))" />
  12. </layer>
  13. <events name="ui" keep="true" onresize="resize" />
  14. <action name="resize" autorun="onstart">
  15. if(device.mobile,
  16. div(bl,stagewidth,stageheight);
  17. set(layer[scene_info_text].css,color:#fff; font-family:Arial; font-weight:500; font-size:50px; line-height:66px; text-indent:50px;);
  18. if(device.iphone,
  19. set(layer[homebg].height,prop);
  20. set(layer[homebg].width,100%);
  21. ,
  22. set(layer[homebg].height,100%);
  23. set(layer[homebg].width,100%);
  24. );
  25. set(layer[homebg].y,0);
  26. if(bl GT 1.77,
  27. set(layer[homebg].url,https://bigscene.4dage.com/panorama/img/pc/homebg.jpg);
  28. <!--set(layer[hometitle].url,https://bigscene.4dage.com/panorama/img/mobile/title.png); -->
  29. <!--set(layer[hometitle].y,15%);set(layer[hometitle].width,prop);set(layer[hometitle].height,40%); -->
  30. set(layer[infoimg].width,prop);
  31. set(layer[infoimg].height,60%);
  32. set(layer[fxmask].height,70%);
  33. set(layer[fxmask].width,prop);
  34. ,
  35. set(layer[homebg].url,https://bigscene.4dage.com/panorama/img/mobile/homebg.png);
  36. <!--set(layer[hometitle].url,https://bigscene.4dage.com/panorama/img/mobile/title.png); -->
  37. <!--set(layer[hometitle].y,10%);set(layer[hometitle].width,50%);set(layer[hometitle].height,prop); -->
  38. set(layer[infoimg].width,80%);
  39. set(layer[infoimg].height,prop);
  40. set(layer[fxmask].height,prop);
  41. set(layer[fxmask].width,80%);
  42. );
  43. ,
  44. div(bl,stagewidth,stageheight);
  45. if(bl GT 1.77,
  46. copy(layer[homebg].width,stagewidth);
  47. set(layer[homebg].height,prop);
  48. set(layer[fxmask].height,40%);
  49. set(layer[fxmask].width,prop);
  50. ,
  51. copy(layer[homebg].height,stageheight);
  52. set(layer[homebg].width,prop);
  53. set(layer[fxmask].height,40%);
  54. set(layer[fxmask].width,prop);
  55. );
  56. );
  57. </action>
  58. <!--场景信息-->
  59. <events name="scene_info" keep="true" onnewpano="initsceneinfo"/>
  60. <action name="initsceneinfo">
  61. trace(info);
  62. txtadd(layer[scene_info].url,https://bigscene.4dage.com/panorama/img/cninfo/,get(scene[get(xml.scene)].gid),.png);
  63. set(layer[scene_info_text].html,get(scene[get(xml.scene)].title));
  64. set(layer[scene_info].height,0);
  65. nav_control();
  66. </action>
  67. <layer name="scene_info_bg" type="container" handcursor="true" bgcolor="0x000000" bgalpha="0.3" keep="true" x="0%" y.mobile="5%" y.normal="5%" zorder="100" width.normal="24%" width.mobile="60%" height.normal="5%" height.mobile="6%" visible="true" onloaded="" >
  68. <layer name="scene_info_text" keep="true"
  69. url="https://bigscene.4dage.com/panorama/plugins/textfield.swf"
  70. align="centercenter"
  71. y="0%"
  72. x="0"
  73. width="100%"
  74. height="100%"
  75. background="false"
  76. css="color:#fff; font-family:Arial; font-weight:500; font-size:40px; line-height:40px; text-indent:50px; "
  77. html=""
  78. onclick="dropDown();"
  79. >
  80. </layer>
  81. <layer name="scene_cnicon" type="image" url="https://bigscene.4dage.com/panorama/images/cnicon.png" align="topleft"
  82. keep="true" x="0%" y="0%" zorder="10" width.normal="prop" width.mobile="prop" height="100%" height.mobile="100%" visible="true" onloaded="" />
  83. <layer name="scene_info" type="image" url.normal="https://bigscene.4dage.com/panorama/img/pc/info.png" align="topleft"
  84. keep="true" x="0%" y="100%" zorder="0" width.normal="100%" width.mobile="100%" height="0%" height.mobile="0%" visible="true" onloaded="" />
  85. </layer>
  86. <action name="dropDown">
  87. if(layer[scene_info].height == 0, set(layer[scene_info].height,prop), set(layer[scene_info].height,0))
  88. </action>
  89. <!--点赞-->
  90. <!-- <layer name="dianzhan" type="image" url.normal="https://bigscene.4dage.com/panorama/img/pc/zhan.png" crop="0|80|135|80" crop1="0|0|135|80" crop2="0|80|135|80"
  91. align="topright" keep="true" x="100" y="5%" zorder="10" width="prop" height="30" visible="false" onloaded=""
  92. onclick="if(crop == '0|0|135|80',js(like),js(unlike))" >
  93. <layer name="zhannum" url="https://bigscene.4dage.com/panorama/plugins/textfield.swf" align="right" edge="left" x="-5" autowidth="true" background="false" border="false" padding="5 6" html="999"
  94. css.normal="color:#FFFFFF; font-family:Arial; font-size:18px;"
  95. css.mobile="color:#FFFFFF; font-family:Arial; font-size:18px;"
  96. />
  97. <layer name="zhanleft" url="https://bigscene.4dage.com/panorama/plugins/textfield.swf" align="left" edge="right" x="-10" autowidth="true" background="false" border="false" padding="5 6" html="9999"
  98. css.normal="color:#FFFFFF; font-family:Arial; font-size:18px;"
  99. css.mobile="color:#FFFFFF; font-family:Arial; font-size:18px;"
  100. >
  101. <layer name="llsimg" type="image" url.normal="https://bigscene.4dage.com/panorama/img/pc/lls.png" edge="right"
  102. align="left" keep="true" x="-5%" zorder="10" width="prop" height="30" visible="true"
  103. />
  104. </layer>
  105. </layer>
  106. <action name="like">
  107. copy(layer[dianzhan].crop,layer[dianzhan].crop2);
  108. add(layer[zhannum].html,1);
  109. </action>
  110. <action name="unlike">
  111. copy(layer[dianzhan].crop,layer[dianzhan].crop1);
  112. sub(layer[zhannum].html,1);
  113. </action> -->
  114. <!--热点-->
  115. <style name="skin_hotspotstyle" url="https://bigscene.4dage.com/panorama/img/spot.png" scale="0.5" scale.mobile="0.7" edge="top" distorted="false"
  116. tooltip=""
  117. onclick="loadscene(get(linkedscene));skin_updatescroll();"
  118. onover="tween(scale,0.55);"
  119. onout="tween(scale,0.5);"
  120. />
  121. <style name="hp_hotspotstyle" url="https://bigscene.4dage.com/panorama/img/pc/hotspot/ll.jpg" scale="0.5" edge="bottom" distorted="false"
  122. tooltip="" onloaded="add_img" onclick="lookto(get(hotspot[get(linkedscene)].ath),get(hotspot[get(linkedscene)].atv),50,linear(50),,,
  123. loadscene(get(linkedscene),,MERGE,ZOOMBLEND(2.0, 2.0, easeInOutSine));skin_updatescroll();
  124. );"
  125. />
  126. <style name="hp2_hotspotstyle" scale="0.4" edge="bottom" distorted="false"
  127. tooltip="" onclick="lookto(get(hotspot[get(name)].ath),get(hotspot[get(name)].atv),80,linear(50),,,
  128. loadscene(get(name),,MERGE,ZOOMBLEND(2.0, 2.0, easeInOutSine));skin_updatescroll();
  129. );"
  130. />
  131. <style name="small_hotspotstyle"
  132. scale="1" edge="bottom" distorted="false"
  133. tooltip=""
  134. zorder="1"
  135. url="https://bigscene.4dage.com/panorama/img/pc/hotspot2.png"
  136. onclick="looktohotspot(get(name),50);"
  137. onloaded="add_hotspot_text();"
  138. >
  139. </style>
  140. <action name="add_hotspot_text">
  141. txtadd(tooltipname, 'tooltip_', get(name));
  142. addplugin(get(tooltipname));
  143. txtadd(plugin[get(tooltipname)].parent, 'hotspot[', get(name), ']');
  144. set(plugin[get(tooltipname)].url,'https://bigscene.4dage.com/panorama/plugins/textfield.swf');
  145. set(plugin[get(tooltipname)].align,top);
  146. set(plugin[get(tooltipname)].edge,bottom);
  147. set(plugin[get(tooltipname)].x,0);
  148. set(plugin[get(tooltipname)].y,0);
  149. set(plugin[get(tooltipname)].width,auto);
  150. set(plugin[get(tooltipname)].autoheight,true);
  151. set(plugin[get(tooltipname)].background,true);
  152. set(plugin[get(tooltipname)].backgroundcolor,0x000000);
  153. set(plugin[get(tooltipname)].roundedge,8);
  154. set(plugin[get(tooltipname)].backgroundalpha,0.7);
  155. set(plugin[get(tooltipname)].border,true);
  156. set(plugin[get(tooltipname)].glow,4);
  157. set(plugin[get(tooltipname)].glowcolor,0xFFFFFF);
  158. set(plugin[get(tooltipname)].css,'text-align:center; color:#FFFFFF; font-family:Arial; font-weight:bold; font-size:28px; padding: 0 10px;');
  159. set(plugin[get(tooltipname)].textshadow,1);
  160. set(plugin[get(tooltipname)].textshadowrange,6.0);
  161. set(plugin[get(tooltipname)].textshadowangle,90);
  162. set(plugin[get(tooltipname)].html,get(title));
  163. set(plugin[get(tooltipname)].enabled,false);
  164. </action>
  165. <style name="ar_hotspotstyle" url="https://bigscene.4dage.com/panorama/img/ar_hotspot.png" scale="0.5" devices="mobile" scale.mobile="0.7" edge="top" distorted="false"
  166. tooltip=""
  167. onclick="js(callar)"
  168. onover="tween(scale,0.55);"
  169. onout="tween(scale,0.5);"
  170. />
  171. <!--控制栏-->
  172. <style name="btn_base" url="https://bigscene.4dage.com/panorama/img/pc/btn.png" keep="true" align="lefttop" edge="center" height.normal="20%" width="prop"/>
  173. <layer name="btnbar" type="container" keep="true" width="96" visible.mobile="false"
  174. height="36%" align="rightcenter" x="0.5%" zorder="100" >
  175. <layer name="btn7" style="btn_base|show_tip" crop="136|20|96|96" x="49%" y="12%" text="返回主页" etext="Home"
  176. onclick="if(xml.scene == scene_01, set(crop,136|20|96|96); , loadscene(scene_01,,,BLEND(1.0, easeInCubic));skin_updatescroll();
  177. set(inscene,false); set(inscene,false); )"/>
  178. <layer name="btn1" style="btn_base|show_tip" crop="20|136|96|96" x="49%" y="62%" text="切换场景" etext="Switch the Scene"
  179. onclick="skin_showthumbs();"/>
  180. <layer name="btn2" style="btn_base|show_tip" crop="136|136|96|96" x="49%" y="37%" text="背景音乐" etext="Music"
  181. onclick="if(crop == '136|136|96|96'
  182. ,set(crop,20|136|96|96);pausesound(bgm);pausesound(sp);
  183. ,set(crop,20|136|96|96);resumesound(bgm);autosp(true);)" />
  184. <layer name="btn4" style="btn_base|show_tip" crop="20|368|96|96" x="49%" y="87%" text="自动旋转" etext="Autorotation"
  185. onclick="if(crop == '20|368|96|96'
  186. ,startview();
  187. ,stopview();)"/>
  188. </layer>
  189. <style name="mobbtn" url="https://bigscene.4dage.com/panorama/img/pc/btn.png" width="12%" height="prop" x="3%" keep="true" visible.normal="false" align="righttop" zorder="100"/>
  190. <layer name="mbtn7" style="mobbtn" y="5%" crop="136|20|96|96" onclick="if(xml.scene == scene_01, set(crop,136|20|96|96); , loadscene(scene_01,,,BLEND(1.0, easeInCubic));skin_updatescroll();
  191. set(inscene,false); set(inscene,false); )"/>
  192. <layer name="mbtn1" style="mobbtn" y="15%" crop="20|252|96|96" onclick="skin_showthumbs();"/>
  193. <layer name="mbtn2" style="mobbtn" y="25%" crop="136|136|96|96"
  194. onclick="if(crop == '136|136|96|96'
  195. ,set(crop,20|136|96|96);pausesound(bgm);pausesound(sp);
  196. ,set(crop,136|136|96|96);resumesound(bgm);autosp(true);)"/>
  197. <layer name="mbtn6" style="mobbtn" y="35%" crop="20|368|96|96" onclick="if(crop == '20|368|96|96'
  198. ,set(crop,'136|368|96|96');set(plugin[gyro].enabled,true);stopview();
  199. ,set(crop,'20|368|96|96');set(plugin[gyro].enabled,false););"/>
  200. <!-- <layer name="mbtn" style="mobbtn" y="50%" crop="0|300|75|80" onclick=""/>
  201. <layer name="mbtn8" style="mobbtn" y="57.5%" crop="0|497|75|80" onclick=""/> -->
  202. <events name="btnbarevt" keep="true" onnewpano="
  203. if(device.mobile,
  204. if(scene[get(xml.scene)].isar
  205. ,set(layer[mbtnar].visible,true);
  206. ,set(layer[mbtnar].visible,false);
  207. );
  208. );
  209. "
  210. />
  211. <action name="qiandao">
  212. <!-- if(%1 == 1,
  213. set(layer[btn5].crop,'450|80|56|56');set(layer[mbtn4].crop,'75|284|75|80');
  214. set(layer[btn5].onclick,null);set(layer[mbtn4].onclick,null);
  215. ,
  216. set(layer[btn6].crop,'540|80|56|56');set(layer[mbtn5].crop,'71|355|75|80');
  217. set(layer[btn6].onclick,null);set(layer[mbtn5].onclick,null);
  218. ); -->
  219. if(%1 == 1,
  220. set(layer[fxmask].url,https://bigscene.4dage.com/panorama/images/alert_bg.png);
  221. ,
  222. set(layer[fxmask].url,https://bigscene.4dage.com/panorama/images/alert_bg2.png);
  223. );
  224. openlayer(fxpano);
  225. </action>
  226. <!--热点弹出-->
  227. <!-- <layer name="infopano" type="container" keep="true" width="100%" height="100%" align="center" edge="center" zorder="200" bgcolor="0x000000" bgcapture="true" bgalpha="0.8" visible="false" onclick="hidinfo();">
  228. <layer name="infoimg" type="image" url="%HTMLPATH%/img/null.png" align="center" height="prop" width.normal="30%" width.mobile="80%" enabled="false" zorder="400">
  229. <layer name="infox" type="image" url="%HTMLPATH%/img/pc/x.png" align="bottom" edge="top" height="40" width="prop" enabled="false" zorder="400" y="-30" onclick="hidinfo();"/>
  230. </layer>
  231. </layer>
  232. <action name="showinfo">
  233. if(isen,
  234. if(device.mobile,
  235. txtadd(layer[infoimg].url,https://bigscene.4dage.com/panorama/img/mobile/einfo/,get(name),.jpg);
  236. ,
  237. txtadd(layer[infoimg].url,https://bigscene.4dage.com/panorama/img/pc/einfo/,get(name),.jpg);
  238. );
  239. ,
  240. if(device.mobile,
  241. txtadd(layer[infoimg].url,https://bigscene.4dage.com/panorama/img/mobile/info/,get(name),.jpg);
  242. ,
  243. txtadd(layer[infoimg].url,https://bigscene.4dage.com/panorama/img/pc/info/,get(name),.jpg);
  244. );
  245. );
  246. openlayer(infopano);
  247. </action>
  248. <action name="hidinfo">
  249. set(layer[infoimg].url,https://bigscene.4dage.com/panorama/img/null.png);
  250. closelayer(infopano);
  251. </action> -->
  252. <style name="info_style" fillcolor="0xFFFFFF" fillalpha="0.1" borderwidth="0"
  253. depth="-1000"
  254. scaleflying="false"
  255. tx="0"
  256. ty="0"
  257. tz="0"
  258. onloaded="tween(fillalpha,0,1,,tween(fillalpha,0.6,1,,onloaded))"
  259. onclick="showinfo"
  260. />
  261. <style name="infospot_style" url="https://bigscene.4dage.com/panorama/img/infospot.png" scale="0.8" scale.mobile="1" onclick="showinfo"
  262. crop="0|0|60|60"
  263. framewidth="60" frameheight="60" frame="0" lastframe="1"
  264. onloaded="hotspot_animate();"
  265. />
  266. <style name="sound_style" url="https://bigscene.4dage.com/panorama/img/sound.png" scale="0.8" scale.mobile="1.2" onclick="stopsound(sp);playsound(sp,get(sdul),1);"
  267. crop="0|0|60|60"
  268. framewidth="60" frameheight="60" frame="0" lastframe="1"
  269. onloaded="hotspot_animate();"
  270. />
  271. <!--切换大场景-->
  272. <layer name="inpano" type="container" bgcolor="0x000000" keep="true" width="100%" height="100%" align="center" zorder="900" bgalpha="1" bgcapture="true" visible="false" >
  273. <layer name="inimg" type="image" url="https://bigscene.4dage.com/panorama/img/in.jpg" align="top" width.normal="100%" height.normal="100%"
  274. keep="true" width.mobile="prop" height.mobile="100%"
  275. crop="0|0|1000|562.5" framewidth="1000" frameheight="562.5" frame="0" lastframe="29"
  276. />
  277. </layer>
  278. <action name="inpano_animate">
  279. inc(layer[inimg].frame,1);
  280. if(layer[inimg].frame LE layer[inimg].lastframe,
  281. mul(ypos,layer[inimg].frame,layer[inimg].frameheight);
  282. txtadd(layer[inimg].crop,'0|',get(ypos),'|',get(layer[inimg].framewidth),'|',get(layer[inimg].frameheight));
  283. delayedcall(0.1, if(loaded, inpano_animate() ) );
  284. ,
  285. set(layer[inimg].frame,0);
  286. closelayer(inpano);
  287. loadscene(get(linkedscene));skin_updatescroll();
  288. );
  289. </action>
  290. <!--手机分享-->
  291. <!-- <layer name="fxpano" type="container" bgcolor="0x000000" keep="true" width="100%" height="100%" align="center" zorder="900" bgalpha="0.6" bgcapture="true" visible="false" onclick="closelayer(get(name))">
  292. <layer name="fxjt" type="image" url="https://bigscene.4dage.com/panorama/img/fx.png" align="topright" x="3%" y="3%"
  293. keep="true" width="15%" height="prop" onloaded="isweixin"
  294. />
  295. <layer name="fxmask" url="https://bigscene.4dage.com/panorama/images/alert_bg.png" keep="true" width="80%" height="prop" align="center" zorder="900" >
  296. <layer name="fxtext" url="https://bigscene.4dage.com/panorama/plugins/textfield.swf" align="center" edge="center" y="-10%" width="80%" autoheight="true" background="false" bgcolor="0xFF0000" border="false" bgalpha="0.8" padding="5 6" html="9999"
  297. css.normal="color:#FF0000; font-family:Arial; font-size:24px;"
  298. css.mobile="color:#FF0000; font-family:Arial; font-size:24px;"
  299. />
  300. <layer name="fxerm" type="image" url="https://bigscene.4dage.com/panorama/img/fxerm.png" align="bottomright" x="3%" y="3%" keep="true" width="prop" height="30%" visible.mobile="false"/>
  301. </layer>
  302. </layer>
  303. <action name="isweixin" type="Javascript">
  304. <![CDATA[
  305. var krpano = document.getElementById("krpanoSWFObject");
  306. var ua = navigator.userAgent.toLowerCase();
  307. if(ua.match(/MicroMessenger/i)=="micromessenger") {
  308. } else {
  309. if(ua.match(/baiduboxapp/i)=="baiduboxapp") {
  310. }else{
  311. krpano.set("layer[fxjt].visible",false);
  312. }
  313. }
  314. ]]>
  315. </action> -->
  316. <control mousetype="drag2d"
  317. zoomtocursor="false"
  318. zoomoutcursor="false"
  319. mouseaccelerate="1.0"
  320. mousespeed="10.0"
  321. mousefriction="0.8"
  322. mousefovchange="1.0"
  323. keybaccelerate="0.09"
  324. keybfriction="0.94"
  325. keybfovchange="0.25"
  326. fovspeed="3.0"
  327. fovfriction="0.9"
  328. bouncinglimits="true"
  329. touchfriction="0.9"
  330. />
  331. </krpano>