webvr.xml 31 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865
  1. <krpano>
  2. <!-- load the WebVR plugin and assign it to a 'webvr' variable for easier usage -->
  3. <plugin name="WebVR" devices="html5" keep="true"
  4. url="webvr.js"
  5. onloaded="copy(webvr, plugin[WebVR]);"
  6. mousespeed="0.00125"
  7. multireslock="true"
  8. mobilevr_support="true"
  9. mobilevr_ipd="63.5"
  10. mobilevr_screensize="auto"
  11. mobilevr_lens_overlap="1.0"
  12. mobilevr_lens_fov="96"
  13. mobilevr_lens_dist="0.6"
  14. mobilevr_lens_dist2="1|0|0|0"
  15. mobilevr_lens_ca="0.0"
  16. mobilevr_lens_vign="100"
  17. mobilevr_webvr_dist="false"
  18. mobilevr_wakelock="true"
  19. mobilevr_sensor_mode="3"
  20. mobilevr_autocalibration="false"
  21. mobilevr_touch_support="false"
  22. mobilevr_fake_support="false"
  23. vr_cursor="hotspot[vr_cursor]"
  24. vr_cursor_enabled="true"
  25. vr_cursor_onover="if(handcursor, tween(hotspot[vr_cursor].scale,0.4,0.1); vr_auto_click(get(vr_timeout)); );"
  26. vr_cursor_onout="tween(hotspot[vr_cursor].scale,0.3,0.1);"
  27. onavailable="webvr_onavailable();"
  28. onunavailable=""
  29. onunknowndevice="set(ask_user_for_screensize,true);"
  30. onentervr="webvr_onentervr();"
  31. onexitvr="webvr_onexitvr();"
  32. />
  33. <!-- a custom xml data structure with the supported VR headsets -->
  34. <vrheadsets>
  35. <headset name="cb1" caption="Cardboard A" overlap="1.10" fov="96.0" dist="1.00" dist2="1|0|0|0" ca="0.000" vig="100" />
  36. <headset name="cb2" caption="Cardboard B" overlap="1.00" fov="96.0" dist="0.60" dist2="1|0|0|0" ca="0.000" vig="100" />
  37. <headset name="gvr" caption="GearVR" overlap="1.00" fov="112.0" dist="0.95" dist2="1|0|0|0" ca="0.090" vig="100" />
  38. <headset name="hom" caption="HOMiDO" overlap="1.00" fov="101.0" dist="1.10" dist2="1|0|0|0" ca="0.075" vig="100" />
  39. <headset name="one" caption="VR ONE" overlap="1.00" fov="109.9" dist="0.00" dist2="1.139|0.093|0.018|0.207" ca="0.090" vig="35" />
  40. <headset name="ccr" caption="ColorCross VR" overlap="1.00" fov="70.0" dist="0.65" dist2="1|0|0|0" ca="0.000" vig="100" />
  41. <headset name="nod" caption="No Distortion" overlap="1.00" fov="96.0" dist="0.00" dist2="1|0|0|0" ca="0.000" vig="100" />
  42. </vrheadsets>
  43. <!-- the VR cursor hotspot -->
  44. <hotspot name="vr_cursor" keep="true"
  45. url="webvr_cursor_80x80_17f.png"
  46. visible="false"
  47. enabled="false"
  48. distorted="true"
  49. crop="0|0|80|80"
  50. scale="0.3"
  51. depth="1000"
  52. />
  53. <!-- vr_auto_click() - call this action in the onover event of a
  54. hotspot to trigger automatically a click after some time. -->
  55. <action name="vr_auto_click">
  56. if(webvr.isenabled,
  57. if(%1 != null, set(vr_aclk_timeout, %1), set(vr_aclk_timeout, 2000));
  58. copy(vr_aclk_t1, timertick);
  59. set(vr_aclk_waiting, true);
  60. set(hotspot[vr_cursor].crop,'0|0|80|80');
  61. asyncloop(vr_aclk_waiting,
  62. sub(dt, timertick,vr_aclk_t1);
  63. if(!hovering,
  64. set(vr_aclk_waiting, false);
  65. set(hotspot[vr_cursor].crop,'0|0|80|80');
  66. ,
  67. div(f, dt, vr_aclk_timeout);
  68. mul(f, 16);
  69. roundval(f);
  70. Math.min(f, 16);
  71. mul(f, 80);
  72. txtadd(hotspot[vr_cursor].crop,get(f),'|0|80|80');
  73. <!-- wait another 100ms delay after finishing the animation before doing the click -->
  74. sub(dt, 100);
  75. if(dt GT vr_aclk_timeout,
  76. set(vr_aclk_waiting,false);
  77. set(hotspot[vr_cursor].crop,'0|0|80|80');
  78. <!-- call onclick -->
  79. onclick();
  80. );
  81. );
  82. );
  83. );
  84. </action>
  85. <!-- by pressing SPACE the Oculus Rift could be re-centered -->
  86. <events name="webvr_events" devices="html5" keep="true"
  87. onkeydown="if(keycode==32, webvr.resetSensor(0) );"
  88. onmousedown="if(webvr AND webvr.isenabled, webvr_showbuttons() );"
  89. />
  90. <!-- when WebVR support is available show an EnterVR button -->
  91. <action name="webvr_onavailable">
  92. delayedcall(0.5, tween(layer[webvr_enterbutton].alpha,1.0); );
  93. </action>
  94. <action name="webvr_onentervr">
  95. tween(layer[webvr_enterbutton].alpha,0,0);
  96. webvr_showbuttons();
  97. webvr_hide_all_non_vr_layers();
  98. <!-- when the screen size is unknown an no custom size is set, open the setup screen on entering the VR mode -->
  99. if(webvr.ismobilevr == true AND !webvr.isfake AND ask_user_for_screensize == true AND webvr.mobilevr_screensize == 'auto',
  100. set(ask_user_for_screensize, false);
  101. <!-- vr_setup(); -->
  102. );
  103. if(webvr.isfake,
  104. webvr_show_fakemode_info(true);
  105. );
  106. </action>
  107. <action name="webvr_onexitvr">
  108. stopdelayedcall(vr_button_fadeout);
  109. tween(layer[webvr_enterbutton].alpha,1);
  110. tween(layer[webvr_exitbutton].alpha,0);
  111. <!-- tween(layer[webvr_setupbutton].alpha,0); -->
  112. webvr_show_fakemode_info(false);
  113. webvr_restore_layers();
  114. </action>
  115. <action name="webvr_hide_all_non_vr_layers">
  116. for(set(i,0), i LT layer.count, inc(i),
  117. copy(lr, layer[get(i)]);
  118. if(lr.vr !== true,
  119. copy(lr.vr_backup_visible, lr.visible);
  120. set(lr.visible, false);
  121. );
  122. );
  123. </action>
  124. <action name="webvr_restore_layers">
  125. for(set(i,0), i LT layer.count, inc(i),
  126. copy(lr, layer[get(i)]);
  127. if(lr.vr_backup_visible,
  128. copy(lr.visible, lr.vr_backup_visible);
  129. delete(lr.vr_backup_visible);
  130. );
  131. );
  132. </action>
  133. <action name="webvr_show_fakemode_info">
  134. if('%1' == 'true',
  135. addlayer(webvr_fakemode_info);
  136. set(layer[webvr_fakemode_info].url, '%SWFPATH%/plugins/textfield.swf');
  137. set(layer[webvr_fakemode_info].keep, true);
  138. set(layer[webvr_fakemode_info].align, 'bottom');
  139. set(layer[webvr_fakemode_info].y, 80);
  140. set(layer[webvr_fakemode_info].background, false);
  141. set(layer[webvr_fakemode_info].css, 'color:#FFFFFF;text-align:center;');
  142. set(layer[webvr_fakemode_info].html, '');
  143. ,
  144. removelayer(webvr_fakemode_info);
  145. );
  146. </action>
  147. <!-- ensure the same scaling on mobiles (regardless if mobilescale is 0.5 or 1.0) -->
  148. <krpano webvr_setup_scale="calc:(1.0 + 1.0*(device.mobile AND stagescale LT 1.0)) / (1.0 + 1.0*device.mobile)"
  149. webvr_button_scale.normal="1.0"
  150. webvr_button_scale.mobile="1.6"
  151. />
  152. <!-- the EnterVR/ExitVR and SetupVR buttons -->
  153. <style name="webvr_button_style"
  154. url="%SWFPATH%/plugins/textfield.swf"
  155. backgroundcolor="0x000000"
  156. backgroundalpha="0.5"
  157. roundedge="calc:9*webvr_setup_scale*webvr_button_scale"
  158. css="calc:'color:#FFFFFF;font-size:' + 20*webvr_setup_scale*webvr_button_scale + 'px;'"
  159. padding="calc:6*webvr_setup_scale*webvr_button_scale + ' ' + 10*webvr_setup_scale*webvr_button_scale"
  160. />
  161. <layer name="webvr_enterbutton" keep="true" vr="true"
  162. style="webvr_button_style"
  163. html=""
  164. align="top" y="24"
  165. autoalpha="true" alpha="0.0"
  166. onclick="webvr.enterVR();"
  167. />
  168. <layer name="webvr_exitbutton" keep="true" vr="true"
  169. style="webvr_button_style"
  170. html="退出VR模式"
  171. align="top" y="24"
  172. autoalpha="true" alpha="0.0"
  173. onclick="webvr.exitVR();"
  174. />
  175. <layer name="webvr_setupbutton" keep="true" vr="true"
  176. autoalpha="true" alpha="0.0"
  177. />
  178. <action name="webvr_showbuttons">
  179. stopdelayedcall(vr_button_fadeout);
  180. if(webvr.ismobilevr,
  181. tween(layer[webvr_exitbutton].alpha|layer[webvr_setupbutton].alpha, 1.0|1.0, 0.25);
  182. delayedcall(vr_button_fadeout, 0.5, tween(layer[webvr_exitbutton].alpha|layer[webvr_setupbutton].alpha, 0.0|0.0, 1.0); );
  183. ,
  184. tween(layer[webvr_exitbutton].alpha, 1.0, 0.25);
  185. delayedcall(vr_button_fadeout, 0.5, tween(layer[webvr_exitbutton].alpha, 0.0, 1.0); );
  186. );
  187. </action>
  188. <!--
  189. VR Setup
  190. -->
  191. <action name="vr_setup">
  192. <!-- disable cursor -->
  193. set(webvr.vr_cursor_enabled, false);
  194. <!-- hide VR buttons -->
  195. tween(layer[webvr_exitbutton].alpha,0);
  196. tween(layer[webvr_setupbutton].alpha,0);
  197. <!-- create background layer -->
  198. addlayer(vr_setup_bg);
  199. set(layer[vr_setup_bg].type, container);
  200. set(layer[vr_setup_bg].bgcolor, 0x000000);
  201. set(layer[vr_setup_bg].bgalpha, 0.5);
  202. set(layer[vr_setup_bg].bgcapture, true);
  203. set(layer[vr_setup_bg].handcursor, false);
  204. set(layer[vr_setup_bg].align, lefttop);
  205. set(layer[vr_setup_bg].width, 100%);
  206. set(layer[vr_setup_bg].height, 100%);
  207. set(layer[vr_setup_bg].zorder, 99999);
  208. <!-- get and prepare device infos and settings -->
  209. copy(i_screensize, webvr.mobilevr_screensize);
  210. if(i_screensize == 'auto', copy(i_screensize, webvr.devicesize));
  211. if(i_screensize LE 0, set(i_screensize, 5.0));
  212. roundval(i_screensize, 1);
  213. txtadd(i_screensize, ' inch');
  214. copy(i_ipd, webvr.mobilevr_ipd);
  215. roundval(i_ipd, 1);
  216. txtadd(i_ipd, ' mm');
  217. copy(i_fov, webvr.mobilevr_lens_fov);
  218. roundval(i_fov, 1);
  219. copy(i_dist, webvr.mobilevr_lens_dist);
  220. roundval(i_dist, 2);
  221. copy(i_dist2, webvr.mobilevr_lens_dist2);
  222. txtsplit(i_dist2, '|', i_dist2_k1, i_dist2_k2, i_dist2_k3, i_dist2_k4);
  223. mul(i_dist2_k1,1);
  224. mul(i_dist2_k2,10);
  225. mul(i_dist2_k3,10);
  226. mul(i_dist2_k4,10);
  227. roundval(i_dist2_k1,2);
  228. roundval(i_dist2_k2,2);
  229. roundval(i_dist2_k3,2);
  230. roundval(i_dist2_k4,2);
  231. copy(i_vig, webvr.mobilevr_lens_vign);
  232. roundval(i_vig, 0);
  233. copy(i_overlap, webvr.mobilevr_lens_overlap);
  234. roundval(i_overlap, 2);
  235. copy(i_ca, webvr.mobilevr_lens_ca);
  236. roundval(i_ca, 3);
  237. set(i_headset, 'Custom');
  238. for(set(i,0), i LT vrheadsets.headset.count, inc(i),
  239. copy(hs, vrheadsets.headset[get(i)]);
  240. if(i_overlap == hs.overlap AND i_fov == hs.fov AND i_dist == hs.dist AND i_dist2 == hs.dist2 AND i_ca == hs.ca AND i_vig == hs.vig , copy(i_headset, hs.caption));
  241. );
  242. <!-- when the screen size is unknown, mark it red -->
  243. set(known_size, true);
  244. set(sizcol, #FFFFFF);
  245. copy(i_devicename, webvr.devicename);
  246. if(i_devicename == 'Unknown',
  247. if(webvr.mobilevr_screensize == 'auto',
  248. set(sizcol, #AA0000);
  249. set(known_size, false);
  250. ,
  251. set(i_devicename, 'Custom');
  252. );
  253. );
  254. <!-- create layer for the main menu -->
  255. addlayer(vr_setup_m1);
  256. set(layer[vr_setup_m1].type, container);
  257. set(layer[vr_setup_m1].parent, vr_setup_bg);
  258. set(layer[vr_setup_m1].align, lefttop);
  259. set(layer[vr_setup_m1].width, 100%);
  260. set(layer[vr_setup_m1].height, 100%);
  261. <!-- create layer for the headset customization menu -->
  262. addlayer(vr_setup_m3);
  263. set(layer[vr_setup_m3].type, container);
  264. set(layer[vr_setup_m3].parent, vr_setup_bg);
  265. set(layer[vr_setup_m3].align, lefttop);
  266. set(layer[vr_setup_m3].width, 100%);
  267. set(layer[vr_setup_m3].height, 100%);
  268. set(layer[vr_setup_m3].visible, false);
  269. <!-- create layer for the calibration menu -->
  270. addlayer(vr_setup_m2);
  271. set(layer[vr_setup_m2].type, container);
  272. set(layer[vr_setup_m2].parent, vr_setup_bg);
  273. set(layer[vr_setup_m2].align, lefttop);
  274. set(layer[vr_setup_m2].width, 100%);
  275. set(layer[vr_setup_m2].height, 100%);
  276. set(layer[vr_setup_m2].visible, false);
  277. <!-- create the text elements -->
  278. set(vr_setup_text_parent, 'vr_setup_m1');
  279. vr_setup_createtext(vr_setup_title, 'VR设置', center, center, 0, -225, #FFFFFF, false);
  280. vr_setup_createtext(vr_setup_dvn1, '设备:', center, right, 0, -145, #FFFFFF, true, vr_setup_select('screen') );
  281. vr_setup_createtext(vr_setup_dvn2, get(i_devicename), center, left, 0, -145, get(sizcol), true, vr_setup_select('screen') );
  282. vr_setup_createtext(vr_setup_siz1, '屏幕尺寸:', center, right, 0, -105, #FFFFFF, true, vr_setup_select('screen') );
  283. vr_setup_createtext(vr_setup_siz2, get(i_screensize), center, left, 0, -105, get(sizcol), true, vr_setup_select('screen') );
  284. vr_setup_createtext(vr_setup_ipd1, '瞳距:', center, right, 0, -35, #FFFFFF, true, vr_setup_select('ipd') );
  285. vr_setup_createtext(vr_setup_ipd2, get(i_ipd), center, left, 0, -35, #FFFFFF, true, vr_setup_select('ipd') );
  286. vr_setup_createtext(vr_setup_hmd1, '设置头显:', center, right, 0, +35, #FFFFFF, true, vr_setup_select('headset') );
  287. vr_setup_createtext(vr_setup_hmd2, get(i_headset), center, left, 0, +35, #FFFFFF, true, vr_setup_select('headset') );
  288. vr_setup_createtext(vr_setup_hmd3, '调节头显', center, center, 0, +75, #FFFFFF, true, set(background,true), set(background,false), vr_setup_customize_headset() );
  289. if(webvr.iswebvr == false,
  290. vr_setup_createtext(vr_setup_cal, '陀螺仪校准', center, center, 0, +145, #FFFFFF, true, set(background,true), set(background,false), vr_setup_calibration() );
  291. );
  292. vr_setup_createtext(vr_setup_sav, '保存', center, center, -200, +225, #FFFFFF, true, set(background,true), set(background,false), vr_setup_save() );
  293. vr_setup_createtext(vr_setup_rst, '重置', center, center, 0, +225, #FFFFFF, true, set(background,true), set(background,false), vr_setup_reset() );
  294. vr_setup_createtext(vr_setup_cls, '关闭', center, center, +200, +225, #FFFFFF, true, set(background,true), set(background,false), vr_setup_close() );
  295. <!-- and the adjusting buttons -->
  296. vr_setup_createbutton(vr_setup_btn1, '&#60;', left, left, 5%, -35, #FFFFFF, true, null);
  297. vr_setup_createbutton(vr_setup_btn2, '&#62;', right, right, 5%, -35, #FFFFFF, true, null);
  298. <!-- create the customize_headset text elements -->
  299. set(vr_setup_text_parent, 'vr_setup_m3');
  300. vr_setup_createtext(vr_setup_m31, '头显设置', center, center, 0, -225, #FFFFFF, false);
  301. vr_setup_createtext(vr_setup_fov1, 'FOV:', center, right, 0, -80, #FFFFFF, true, vr_setup_select('fov') );
  302. vr_setup_createtext(vr_setup_fov2, get(i_fov), center, left, 0, -80, #FFFFFF, true, vr_setup_select('fov') );
  303. vr_setup_createtext(vr_setup_dst1, 'Distortion:', center, right, 0, -32, #FFFFFF, true, vr_setup_select('dist') );
  304. vr_setup_createtext(vr_setup_dst2, get(i_dist), center, left, 0, -32, #FFFFFF, true, vr_setup_select('dist') );
  305. vr_setup_createtext(vr_setup_d2tx, 'Dist2:', center, right, 0, +16, #FFFFFF, true, vr_setup_select('dist2k1') );
  306. vr_setup_createtext(vr_setup_d2k1, get(i_dist2_k1), center, left, 0, +16, #FFFFFF, true, vr_setup_select('dist2k1') );
  307. vr_setup_createtext(vr_setup_d2k2, get(i_dist2_k2), center, left, +100, +16, #FFFFFF, true, vr_setup_select('dist2k2') );
  308. vr_setup_createtext(vr_setup_d2k3, get(i_dist2_k3), center, left, +200, +16, #FFFFFF, true, vr_setup_select('dist2k3') );
  309. vr_setup_createtext(vr_setup_d2k4, get(i_dist2_k4), center, left, +300, +16, #FFFFFF, true, vr_setup_select('dist2k4') );
  310. vr_setup_createtext(vr_setup_cac1, 'CA Corr:', center, right, 0, +64, #FFFFFF, true, vr_setup_select('ca') );
  311. vr_setup_createtext(vr_setup_cac2, get(i_ca), center, left, 0, +64, #FFFFFF, true, vr_setup_select('ca') );
  312. vr_setup_createtext(vr_setup_vig1, 'Vignette:', center, right, 0, +112, #FFFFFF, true, vr_setup_select('vignette') );
  313. vr_setup_createtext(vr_setup_vig2, get(i_vig), center, left, 0, +112, #FFFFFF, true, vr_setup_select('vignette') );
  314. vr_setup_createtext(vr_setup_olp1, 'Overlap:', center, right, 0, +160, #FFFFFF, true, vr_setup_select('overlap') );
  315. vr_setup_createtext(vr_setup_olp2, get(i_overlap), center, left, 0, +160, #FFFFFF, true, vr_setup_select('overlap') );
  316. vr_setup_createtext(vr_setup_m35, '关闭', center, center, 0, +225, #FFFFFF, true, set(background,true), set(background,false), vr_setup_close_sub_menus() );
  317. <!-- create the calibration text elements -->
  318. set(vr_setup_text_parent, 'vr_setup_m2');
  319. vr_setup_createtext(vr_setup_cb1, '陀螺仪', center, center, 0, -225, #FFFFFF, false);
  320. vr_setup_createtext(vr_setup_cb2, '水平放置后校准', center, center, 0, -95, #FFFFFF, false, vr_setup_select('screen') );
  321. vr_setup_createtext(vr_setup_cb3, '校准', center, center, 0, +55, #FFFFFF, true, set(background,true), set(background,false), vr_setup_do_calibration() );
  322. vr_setup_createtext(vr_setup_cb4, '重置', center, center, 0, +125, #FFFFFF, true, set(background,true), set(background,false), webvr.resetcalibration() );
  323. vr_setup_createtext(vr_setup_cb5, '关闭', center, center, 0, +225, #FFFFFF, true, set(background,true), set(background,false), vr_setup_close_sub_menus() );
  324. vr_setup_createtext(vr_setup_cb6, 'Calibrating...', bottom, center, 0, 40, #FFFFFF, false, null );
  325. vr_setup_createtext(vr_setup_cb7, 'Calibration okay.', bottom, center, 0, 40, #FFFFFF, false, null );
  326. vr_setup_createtext(vr_setup_cb8, 'Calibration failed!', bottom, center, 0, 40, #FFFFFF, false, null );
  327. set(layer[vr_setup_cb6].autoalpha, true);
  328. set(layer[vr_setup_cb7].autoalpha, true);
  329. set(layer[vr_setup_cb8].autoalpha, true);
  330. set(layer[vr_setup_cb6].alpha, 0.0);
  331. set(layer[vr_setup_cb7].alpha, 0.0);
  332. set(layer[vr_setup_cb8].alpha, 0.0);
  333. <!-- pre-select the screen size for adjusting when it is unknown, otherwise the IPD -->
  334. if(known_size == false,
  335. vr_setup_select('screen', true);
  336. ,
  337. vr_setup_select('ipd', true);
  338. );
  339. </action>
  340. <action name="vr_setup_createtext">
  341. <!--
  342. %1 = name
  343. %2 = text
  344. %3 = align
  345. %4 = edge
  346. %5 = x
  347. %6 = y
  348. %7 = color
  349. %8 = enabled
  350. %9 = ondown
  351. %10 = onup
  352. %11 = onclick
  353. -->
  354. addlayer(%1);
  355. set(layer[%1].parent, get(vr_setup_text_parent));
  356. set(layer[%1].url, '%SWFPATH%/plugins/textfield.swf');
  357. set(layer[%1].css, calc('text-align:%3;color:%7;font-size:'+40*webvr_setup_scale+'px;font-weight:bold;'));
  358. set(layer[%1].padding, calc(0 + ' ' + 8*webvr_setup_scale));
  359. set(layer[%1].roundedge, calc(8*webvr_setup_scale));
  360. set(layer[%1].background, false);
  361. set(layer[%1].backgroundcolor, 0xFFFFFF);
  362. set(layer[%1].backgroundalpha, 0.25);
  363. set(layer[%1].align, %3);
  364. set(layer[%1].edge, %4);
  365. set(layer[%1].x, calc(%5 * webvr_setup_scale));
  366. set(layer[%1].y, calc(%6 * webvr_setup_scale));
  367. set(layer[%1].html, %2);
  368. set(layer[%1].enabled, %8);
  369. set(layer[%1].ondown, %9);
  370. set(layer[%1].onup, %10);
  371. set(layer[%1].onclick, %11);
  372. </action>
  373. <action name="vr_setup_createbutton">
  374. vr_setup_createtext(%1,%2,%3,%4,%5,%6,%7,%8,%9);
  375. set(layer[%1].css, calc('vertical-align:middle;text-align:center;color:%7;font-size:'+60*webvr_setup_scale+'px;font-weight:bold;'));
  376. set(layer[%1].background, true);
  377. set(layer[%1].padding, 0);
  378. set(layer[%1].roundedge, calc(40 * webvr_setup_scale));
  379. set(layer[%1].width, calc(70 * webvr_setup_scale));
  380. set(layer[%1].height, calc(70 * webvr_setup_scale));
  381. set(layer[%1].vcenter, true);
  382. </action>
  383. <action name="vr_setup_reset">
  384. <!-- reset to the defaults -->
  385. set(webvr.mobilevr_screensize, 'auto');
  386. copy(i_screensize, webvr.devicesize);
  387. if(i_screensize LE 0, set(i_screensize, 5.0));
  388. roundval(i_screensize, 1);
  389. set(layer[vr_setup_dvn2].html, get(webvr.devicename));
  390. txtadd(layer[vr_setup_siz2].html, get(i_screensize), ' inch');
  391. set(webvr.mobilevr_ipd, 63.5);
  392. copy(i_ipd, webvr.mobilevr_ipd);
  393. roundval(i_ipd, 1);
  394. txtadd(layer[vr_setup_ipd2].html, get(i_ipd), ' mm');
  395. <!-- set fake custom lens settings and call 'next' headset to switch to the default 'Cardboard' settings -->
  396. set(webvr.mobilevr_lens_fov, 100);
  397. set(webvr.mobilevr_lens_dist, 0.5);
  398. set(webvr.mobilevr_lens_vign, 100);
  399. set(webvr.mobilevr_lens_overlap, 1.0);
  400. set(webvr.mobilevr_lens_ca, 0.0);
  401. vr_setup_change_headset(+1);
  402. vr_setup_select(get(selected_var));
  403. </action>
  404. <action name="vr_setup_close">
  405. <!-- 2. parameter == true => remove children elements too -->
  406. removelayer(vr_setup_bg, true);
  407. <!-- enable cursor -->
  408. set(webvr.vr_cursor_enabled, true);
  409. </action>
  410. <action name="vr_setup_save">
  411. webvr.saveSettings();
  412. vr_setup_close();
  413. </action>
  414. <action name="vr_setup_customize_headset">
  415. set(layer[vr_setup_bg].bgalpha, 0.1);
  416. set(layer[vr_setup_m1].visible,false);
  417. set(layer[vr_setup_m2].visible,false);
  418. set(layer[vr_setup_m3].visible,true);
  419. set(layer[vr_setup_hmd1].parent, vr_setup_m3);
  420. set(layer[vr_setup_hmd2].parent, vr_setup_m3);
  421. set(layer[vr_setup_btn1].parent, vr_setup_m3);
  422. set(layer[vr_setup_btn2].parent, vr_setup_m3);
  423. set(layer[vr_setup_hmd1].y, calc(-145 * webvr_setup_scale));
  424. set(layer[vr_setup_hmd2].y, calc(-145 * webvr_setup_scale));
  425. copy(old_selection, selected_var);
  426. vr_setup_select('headset');
  427. </action>
  428. <action name="vr_setup_calibration">
  429. set(layer[vr_setup_m1].visible,false);
  430. set(layer[vr_setup_m2].visible,true);
  431. </action>
  432. <action name="vr_setup_close_sub_menus">
  433. set(layer[vr_setup_bg].bgalpha, 0.5);
  434. set(layer[vr_setup_m1].visible,true);
  435. set(layer[vr_setup_m2].visible,false);
  436. set(layer[vr_setup_m3].visible,false);
  437. set(layer[vr_setup_hmd1].parent, vr_setup_m1);
  438. set(layer[vr_setup_hmd2].parent, vr_setup_m1);
  439. set(layer[vr_setup_btn1].parent, vr_setup_m1);
  440. set(layer[vr_setup_btn2].parent, vr_setup_m1);
  441. set(layer[vr_setup_hmd1].y, calc(+35 * webvr_setup_scale));
  442. set(layer[vr_setup_hmd2].y, calc(+35 * webvr_setup_scale));
  443. if(old_selection,
  444. vr_setup_select(get(old_selection));
  445. delete(old_selection);
  446. );
  447. </action>
  448. <action name="vr_setup_do_calibration">
  449. if(!webvr.isfake,
  450. tween(layer[vr_setup_cb6].alpha, 1.0, 0.1);
  451. tween(layer[vr_setup_cb7].alpha, 0.0, 0.1);
  452. tween(layer[vr_setup_cb8].alpha, 0.0, 0.1);
  453. webvr.calibrate(
  454. tween(layer[vr_setup_cb6].alpha, 0.0, 0.1);
  455. tween(layer[vr_setup_cb7].alpha, 1.0, 0.1);
  456. delayedcall(2.0, tween(layer[vr_setup_cb7].alpha, 0.0, 0.25) );
  457. ,
  458. tween(layer[vr_setup_cb6].alpha, 0.0, 0.1);
  459. tween(layer[vr_setup_cb8].alpha, 1.0, 0.1);
  460. delayedcall(2.0, tween(layer[vr_setup_cb8].alpha, 0.0, 0.25) );
  461. );
  462. );
  463. </action>
  464. <action name="vr_setup_update_dist2">
  465. txtadd(webvr.mobilevr_lens_dist2, get(i_dist2_k1), '|', calc(i_dist2_k2/10.0), '|', calc(i_dist2_k3/10.0), '|', calc(i_dist2_k4/10.0));
  466. vr_setup_change_headset(0);
  467. </action>
  468. <action name="vr_setup_select">
  469. <!-- select a setting for adjusting -->
  470. set(layer[vr_setup_siz2].background, false);
  471. set(layer[vr_setup_ipd2].background, false);
  472. set(layer[vr_setup_hmd2].background, false);
  473. set(layer[vr_setup_fov2].background, false);
  474. set(layer[vr_setup_dst2].background, false);
  475. set(layer[vr_setup_d2k1].background, false);
  476. set(layer[vr_setup_d2k2].background, false);
  477. set(layer[vr_setup_d2k3].background, false);
  478. set(layer[vr_setup_d2k4].background, false);
  479. set(layer[vr_setup_vig2].background, false);
  480. set(layer[vr_setup_cac2].background, false);
  481. set(layer[vr_setup_olp2].background, false);
  482. set(selected_setting, null);
  483. delete(selected_var_value);
  484. set(layer[vr_setup_btn1].ondown, vr_setup_change_ondown(-1) );
  485. set(layer[vr_setup_btn2].ondown, vr_setup_change_ondown(+1) );
  486. set(selected_var_callback, null);
  487. set(selected_var, %1);
  488. if(selected_var == 'screen',
  489. set(selected_setting, vr_setup_siz2);
  490. set(selected_var_name, 'webvr.mobilevr_screensize');
  491. set(selected_var_postfix, ' inch');
  492. copy(selected_var_value, get(selected_var_name));
  493. if(selected_var_value == 'auto', copy(selected_var_value, webvr.devicesize));
  494. if(selected_var_value LE 0, set(selected_var_value, 5.0));
  495. set(selected_var_step, 0.1);
  496. set(selected_var_min, 4);
  497. set(selected_var_max, 10);
  498. set(selected_var_round, 1);
  499. set(selected_var_callback, vr_setup_change_screen() );
  500. );
  501. if(selected_var == 'ipd',
  502. set(selected_setting, vr_setup_ipd2);
  503. set(selected_var_name, 'webvr.mobilevr_ipd');
  504. set(selected_var_postfix, ' mm');
  505. copy(selected_var_value, get(selected_var_name));
  506. set(selected_var_step, 0.1);
  507. set(selected_var_min, 40);
  508. set(selected_var_max, 80);
  509. set(selected_var_round, 1);
  510. );
  511. if(selected_var == 'headset',
  512. set(selected_setting, vr_setup_hmd2);
  513. set(layer[vr_setup_btn1].ondown, vr_setup_change_headset(-1) );
  514. set(layer[vr_setup_btn2].ondown, vr_setup_change_headset(+1) );
  515. );
  516. if(selected_var == 'fov',
  517. set(selected_setting, vr_setup_fov2);
  518. set(selected_var_name, 'webvr.mobilevr_lens_fov');
  519. set(selected_var_postfix, '');
  520. copy(selected_var_value, get(selected_var_name));
  521. set(selected_var_step, 0.1);
  522. set(selected_var_min, 40);
  523. set(selected_var_max, 179);
  524. set(selected_var_round, 1);
  525. set(selected_var_callback, vr_setup_change_headset(0) );
  526. );
  527. if(selected_var == 'dist',
  528. set(selected_setting, vr_setup_dst2);
  529. set(selected_var_name, 'webvr.mobilevr_lens_dist');
  530. set(selected_var_postfix, '');
  531. copy(selected_var_value, get(selected_var_name));
  532. set(selected_var_step, 0.01);
  533. set(selected_var_min, 0);
  534. set(selected_var_max, 5);
  535. set(selected_var_round, 2);
  536. set(selected_var_callback, vr_setup_change_headset(0) );
  537. );
  538. if(selected_var == 'dist2k1',
  539. set(selected_setting, vr_setup_d2k1);
  540. set(selected_var_name, 'i_dist2_k1');
  541. set(selected_var_postfix, '');
  542. copy(selected_var_value, get(selected_var_name));
  543. set(selected_var_step, 0.01);
  544. set(selected_var_min, -9);
  545. set(selected_var_max, +9);
  546. set(selected_var_round, 2);
  547. set(selected_var_callback, vr_setup_update_dist2() );
  548. );
  549. if(selected_var == 'dist2k2',
  550. set(selected_setting, vr_setup_d2k2);
  551. set(selected_var_name, 'i_dist2_k2');
  552. set(selected_var_postfix, '');
  553. copy(selected_var_value, get(selected_var_name));
  554. set(selected_var_step, 0.01);
  555. set(selected_var_min, -9);
  556. set(selected_var_max, +9);
  557. set(selected_var_round, 2);
  558. set(selected_var_callback, vr_setup_update_dist2() );
  559. );
  560. if(selected_var == 'dist2k3',
  561. set(selected_setting, vr_setup_d2k3);
  562. set(selected_var_name, 'i_dist2_k3');
  563. set(selected_var_postfix, '');
  564. copy(selected_var_value, get(selected_var_name));
  565. set(selected_var_step, 0.01);
  566. set(selected_var_min, -9);
  567. set(selected_var_max, +9);
  568. set(selected_var_round, 2);
  569. set(selected_var_callback, vr_setup_update_dist2() );
  570. );
  571. if(selected_var == 'dist2k4',
  572. set(selected_setting, vr_setup_d2k4);
  573. set(selected_var_name, 'i_dist2_k4');
  574. set(selected_var_postfix, '');
  575. copy(selected_var_value, get(selected_var_name));
  576. set(selected_var_step, 0.01);
  577. set(selected_var_min, -9);
  578. set(selected_var_max, +9);
  579. set(selected_var_round, 2);
  580. set(selected_var_callback, vr_setup_update_dist2() );
  581. );
  582. if(selected_var == 'vignette',
  583. set(selected_setting, vr_setup_vig2);
  584. set(selected_var_name, 'webvr.mobilevr_lens_vign');
  585. set(selected_var_postfix, '');
  586. copy(selected_var_value, get(selected_var_name));
  587. set(selected_var_step, 1);
  588. set(selected_var_min, 10);
  589. set(selected_var_max, 200);
  590. set(selected_var_round, 0);
  591. set(selected_var_callback, vr_setup_change_headset(0) );
  592. );
  593. if(selected_var == 'ca',
  594. set(selected_setting, vr_setup_cac2);
  595. set(selected_var_name, 'webvr.mobilevr_lens_ca');
  596. set(selected_var_postfix, '');
  597. copy(selected_var_value, get(selected_var_name));
  598. set(selected_var_step, 0.01);
  599. set(selected_var_min, -1.0);
  600. set(selected_var_max, +1.0);
  601. set(selected_var_round, 2);
  602. set(selected_var_callback, vr_setup_change_headset(0) );
  603. );
  604. if(selected_var == 'overlap',
  605. set(selected_setting, vr_setup_olp2);
  606. set(selected_var_name, 'webvr.mobilevr_lens_overlap');
  607. set(selected_var_postfix, '');
  608. copy(selected_var_value, get(selected_var_name));
  609. set(selected_var_step, 0.01);
  610. set(selected_var_min, 0.5);
  611. set(selected_var_max, 2.0);
  612. set(selected_var_round, 2);
  613. set(selected_var_callback, vr_setup_change_headset(0) );
  614. );
  615. if(selected_setting != null,
  616. set(layer[get(selected_setting)].background, true);
  617. if(%2 == true,
  618. set(layer[vr_setup_btn1].y, get(layer[get(selected_setting)].y));
  619. set(layer[vr_setup_btn2].y, get(layer[get(selected_setting)].y));
  620. ,
  621. tween(layer[vr_setup_btn1].y, get(layer[get(selected_setting)].y));
  622. tween(layer[vr_setup_btn2].y, get(layer[get(selected_setting)].y));
  623. );
  624. );
  625. </action>
  626. <action name="vr_setup_change_screen">
  627. set(layer[vr_setup_dvn2].html, 'Custom');
  628. set(layer[vr_setup_dvn2].css, calc('color:#FFFFFF;font-size:'+40*webvr_setup_scale+'px;font-weight:bold;'));
  629. set(layer[vr_setup_siz2].css, calc('color:#FFFFFF;font-size:'+40*webvr_setup_scale+'px;font-weight:bold;'));
  630. </action>
  631. <action name="vr_setup_change_ondown">
  632. copy(t0,timertick);
  633. set(t1,0);
  634. asyncloop(pressed,
  635. copy(t2,timertick);
  636. sub(dt,t2,t1);
  637. if(dt GT 100,
  638. copy(t1,t2);
  639. sub(dt,t1,t0);
  640. div(dt,1000);
  641. Math.max(dt,1);
  642. mul(dt,%1);
  643. vr_setup_adjust(get(dt));
  644. );
  645. );
  646. </action>
  647. <action name="vr_setup_adjust">
  648. if(selected_setting != null,
  649. mul(change, selected_var_step, %1);
  650. add(selected_var_value, change);
  651. Math.max(selected_var_value, selected_var_min);
  652. Math.min(selected_var_value, selected_var_max);
  653. roundval(selected_var_value, get(selected_var_round));
  654. tween(get(selected_var_name), get(selected_var_value), 0.1);
  655. txtadd(layer[get(selected_setting)].html, get(selected_var_value), get(selected_var_postfix));
  656. if(selected_var_callback != null, selected_var_callback());
  657. );
  658. </action>
  659. <action name="vr_setup_change_headset">
  660. set(i_headset, 'Custom');
  661. if(%1 != 0,
  662. copy(i_fov, webvr.mobilevr_lens_fov);
  663. roundval(i_fov, 1);
  664. copy(i_dist, webvr.mobilevr_lens_dist);
  665. roundval(i_dist, 2);
  666. copy(i_dist2, webvr.mobilevr_lens_dist2);
  667. copy(i_vig, webvr.mobilevr_lens_vign);
  668. roundval(i_vig, 0);
  669. copy(i_ca, webvr.mobilevr_lens_ca);
  670. roundval(i_ca, 3);
  671. copy(i_overlap, webvr.mobilevr_lens_overlap);
  672. roundval(i_overlap, 2);
  673. set(i_hsindex, -1);
  674. copy(i_hscount, vrheadsets.headset.count);
  675. for(set(i,0), i LT i_hscount, inc(i),
  676. copy(hs, vrheadsets.headset[get(i)]);
  677. if(i_overlap == hs.overlap AND i_fov == hs.fov AND i_dist == hs.dist AND i_dist2 == hs.dist2 AND i_ca == hs.ca AND i_vig == hs.vig , copy(i_hsindex, i); copy(i_headset, hs.caption); );
  678. );
  679. if(%1 GT 0,
  680. <!-- loop right -->
  681. add(i_hsindex, 1);
  682. if(i_hsindex GE i_hscount, set(i_hsindex,0));
  683. ,
  684. <!-- loop left -->
  685. sub(i_hsindex, 1);
  686. if(i_hsindex LT 0, sub(i_hsindex,i_hscount,1));
  687. );
  688. copy(hs, vrheadsets.headset[get(i_hsindex)]);
  689. copy(i_headset, hs.caption);
  690. copy(i_overlap, hs.overlap);
  691. copy(i_fov, hs.fov);
  692. copy(i_dist, hs.dist);
  693. copy(i_dist2, hs.dist2);
  694. copy(i_ca, hs.ca);
  695. copy(i_vig, hs.vig);
  696. );
  697. copy(layer[vr_setup_hmd2].html, i_headset);
  698. if(%1 != 0,
  699. copy(webvr.mobilevr_lens_overlap, i_overlap);
  700. copy(webvr.mobilevr_lens_fov, i_fov);
  701. copy(webvr.mobilevr_lens_dist, i_dist);
  702. copy(webvr.mobilevr_lens_dist2, i_dist2);
  703. copy(webvr.mobilevr_lens_ca, i_ca);
  704. copy(webvr.mobilevr_lens_vign, i_vig);
  705. copy(layer[vr_setup_olp2].html, i_overlap);
  706. copy(layer[vr_setup_fov2].html, i_fov);
  707. copy(layer[vr_setup_dst2].html, i_dist);
  708. txtsplit(i_dist2, '|', i_dist2_k1, i_dist2_k2, i_dist2_k3, i_dist2_k4);
  709. mul(i_dist2_k1,1);
  710. mul(i_dist2_k2,10);
  711. mul(i_dist2_k3,10);
  712. mul(i_dist2_k4,10);
  713. roundval(i_dist2_k1,2);
  714. roundval(i_dist2_k2,2);
  715. roundval(i_dist2_k3,2);
  716. roundval(i_dist2_k4,2);
  717. copy(layer[vr_setup_d2k1].html, i_dist2_k1);
  718. copy(layer[vr_setup_d2k2].html, i_dist2_k2);
  719. copy(layer[vr_setup_d2k3].html, i_dist2_k3);
  720. copy(layer[vr_setup_d2k4].html, i_dist2_k4);
  721. copy(layer[vr_setup_cac2].html, i_ca);
  722. copy(layer[vr_setup_vig2].html, i_vig);
  723. );
  724. </action>
  725. </krpano>