webvr.xml 32 KB

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