|
|
@@ -0,0 +1,942 @@
|
|
|
+<krpano>
|
|
|
+
|
|
|
+ <!--
|
|
|
+ webvr.xml
|
|
|
+ krpano 1.21
|
|
|
+
|
|
|
+ https://krpano.com/plugins/xmlextensions/#webvr
|
|
|
+ https://krpano.com/plugins/webvr/
|
|
|
+ -->
|
|
|
+
|
|
|
+
|
|
|
+ <!-- load the WebVR plugin and assign it to a global 'webvr' variable -->
|
|
|
+ <plugin name="webvr" devices="html5" keep="true"
|
|
|
+ url="webvr.js"
|
|
|
+ mobilevr_support="true"
|
|
|
+ mobilevr_touch_support="true"
|
|
|
+ mobilevr_fake_support="true"
|
|
|
+ mobilevr_profile.normal="90|60|42|0|0|0"
|
|
|
+ mobilevr_profile.mobile="80|60|42|35|0.441|0.156"
|
|
|
+ mobilevr_wakelock="true"
|
|
|
+ fullscreen_mirroring="false"
|
|
|
+ mouse_pointerlock="true"
|
|
|
+ vr_cursor_onover="if(handcursor, tween(hotspot[vr_cursor].scale,0.4,0.1); vr_auto_click(get(vr_timeout)); );"
|
|
|
+ vr_cursor_onout="tween(hotspot[vr_cursor].scale,0.3,0.1);"
|
|
|
+ onavailable="webvr_onavailable();"
|
|
|
+ onunavailable=""
|
|
|
+ onunknowndevice="webvr_onunknowndevice();"
|
|
|
+ onvrcontrollers="webvr_onvrcontrollers();"
|
|
|
+ onentervr="webvr_onentervr();"
|
|
|
+ onexitvr="webvr_onexitvr();"
|
|
|
+ ondenied="webvr_ondenied();"
|
|
|
+ />
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <!-- the VR cursor hotspot -->
|
|
|
+ <style name="vr_cursor_style"
|
|
|
+ url="webvr_vrcursor.png"
|
|
|
+ visible="false"
|
|
|
+ enabled="false"
|
|
|
+ distorted="true"
|
|
|
+ crop="0|0|80|80"
|
|
|
+ scale="0.3"
|
|
|
+ depth="120"
|
|
|
+ />
|
|
|
+
|
|
|
+ <action name="webvr_load_vr_cursor_hs" scope="local">
|
|
|
+ addhotspot('vr_cursor', hs);
|
|
|
+ hs.loadstyle(vr_cursor_style);
|
|
|
+ set(hs.keep, true);
|
|
|
+ set(webvr.vr_cursor, 'hotspot[vr_cursor]');
|
|
|
+ </action>
|
|
|
+
|
|
|
+ <action name="webvr_load_vr_controller_hs" scope="private:VRCONTROLLERS" args="controllerstyle">
|
|
|
+ removehotspot('vr_controller_l');
|
|
|
+ removehotspot('vr_controller_r');
|
|
|
+ addhotspot('vr_controller_l', vr_ctrl_l);
|
|
|
+ addhotspot('vr_controller_r', vr_ctrl_r);
|
|
|
+ set(vr_ctrl_l.keep, true);
|
|
|
+ set(vr_ctrl_r.keep, true);
|
|
|
+ vr_ctrl_l.loadstyle(calc(controllerstyle ? controllerstyle : (global.display.depthbuffer ? 'vrcontroller_laser' : 'vrcontroller_light_and_point')));
|
|
|
+ vr_ctrl_r.loadstyle(calc(controllerstyle ? controllerstyle : (global.display.depthbuffer ? 'vrcontroller_laser' : 'vrcontroller_light_and_point')));
|
|
|
+
|
|
|
+ <!-- optional: vibrate the controllers on hovering:
|
|
|
+ vr_ctrl_l.addevent('onover', pulse(1.0, 0.25) );
|
|
|
+ vr_ctrl_r.addevent('onover', pulse(1.0, 0.25) ); -->
|
|
|
+ if(!global.webvr.iswebxr,
|
|
|
+ vr_ctrl_l.addevent('onvrcontrollerbutton', 'if(vrbuttonindex == 3 AND vrbuttonstate == "up", vrsetup_open(); );' );
|
|
|
+ vr_ctrl_r.addevent('onvrcontrollerbutton', 'if(vrbuttonindex == 3 AND vrbuttonstate == "up", vrsetup_open(); );' );
|
|
|
+ );
|
|
|
+
|
|
|
+ set(global.webvr.vr_controller, 'vr_controller_l,vr_controller_r');
|
|
|
+ set(global.have_vr_controllers, true);
|
|
|
+
|
|
|
+ if(global.webvr.isvrbrowser AND global.webvr.vrcontrollers[0].buttons.length LE 2,
|
|
|
+ <!-- when there are only two buttons on the VR controller (e.g. Oculus Go) use an extra hotspot for the VR-setup -->
|
|
|
+ addhotspot('webvr_vrsetup', vr_setup_hs);
|
|
|
+ vr_setup_hs.loadstyle('webvr_button_style');
|
|
|
+ set(vr_setup_hs, keep=true, ath=0, atv=90, depth=160, zorder=999, torigin=view, html='VR SETUP', oversampling=3, scale=0.2, onclick='vrsetup_open();', onloaded='renderloop( copy(ath,view.hlookat); );');
|
|
|
+ );
|
|
|
+ </action>
|
|
|
+
|
|
|
+ <action name="webvr_onvrcontrollers" scope="private:VRCONTROLLERS">
|
|
|
+ if(!global.have_vr_controllers, webvr_load_vr_controller_hs(); );
|
|
|
+ </action>
|
|
|
+
|
|
|
+ <style name="vrcontroller_laser"
|
|
|
+ url="webvr_laser.png"
|
|
|
+ distorted="true"
|
|
|
+ enabled="false"
|
|
|
+ visible="false"
|
|
|
+ width="0.5" height="1000" edge="bottom" oref="1" oy="0"
|
|
|
+ torigin="world" tx="0" ty="0" tz="0" depth="0"
|
|
|
+ zorder="99999"
|
|
|
+ depthbuffer="true"
|
|
|
+ targethitd.number="0"
|
|
|
+ onover="copy(targethitd, target.hitd);"
|
|
|
+ onout="set(targethitd, 0);"
|
|
|
+ onloaded="asyncloop(loaded, calc(height, (targethitd GT 0 ? targethitd : (hitd GT 0 ? hitd : 1000)) / display.hotspotworldscale); );"
|
|
|
+ />
|
|
|
+
|
|
|
+ <style name="vrcontroller_light_and_point"
|
|
|
+ url="webvr_light.png"
|
|
|
+ distorted="true"
|
|
|
+ enabled="false"
|
|
|
+ visible="false"
|
|
|
+ width="0.5" height="18" edge="bottom" oref="1" oy="0"
|
|
|
+ torigin="world" tx="0" ty="0" tz="0" depth="0"
|
|
|
+ zorder="99999"
|
|
|
+ depthbuffer="true"
|
|
|
+ onloaded="vrcontroller_target_point();"
|
|
|
+ />
|
|
|
+
|
|
|
+ <style name="vrcontroller_handcursor_and_point"
|
|
|
+ url="webvr_handcursor.png"
|
|
|
+ distorted="true"
|
|
|
+ enabled="false"
|
|
|
+ visible="false"
|
|
|
+ width="10" height="10" edge="center" oref="1" oy="-1"
|
|
|
+ torigin="world" tx="0" ty="0" tz="0" depth="0"
|
|
|
+ zorder="99999"
|
|
|
+ depthbuffer="true"
|
|
|
+ onloaded="vrcontroller_target_point();"
|
|
|
+ />
|
|
|
+
|
|
|
+ <action name="vrcontroller_target_point" scope="localonly">
|
|
|
+ addhotspot(auto, hs);
|
|
|
+ set(hs, keep=true, type=text, bgcolor=0xFFFFFF, bgalpha=1.0, width=10, height=10, bgroundedge=5, bgborder='1 0x000000 1.0', oversampling=2,
|
|
|
+ scale=0.4, torigin=world, depth=0, distorted=false, zoom=true, zorder=99998, enabled=false
|
|
|
+ );
|
|
|
+ renderloop(
|
|
|
+ if(!caller.loaded,
|
|
|
+ removehotspot(get(hs.name));
|
|
|
+ stoprenderloop();
|
|
|
+ ,
|
|
|
+ if(global.display.havedepthmap,
|
|
|
+ <!-- use the laser for depthmap panos -->
|
|
|
+ removehotspot(get(hs.name));
|
|
|
+ stoprenderloop();
|
|
|
+ webvr_load_vr_controller_hs('vrcontroller_laser');
|
|
|
+ ,
|
|
|
+ calc(hs.bgcolor, caller.pressed ? 0x049AFF : (caller.hovering ? 0x00FF00 : 0xFFFFFF));
|
|
|
+ calc(distance, (caller.target AND caller.target.hitd GT 0 ? caller.target.hitd : (caller.hitd GT 0 ? caller.hitd : 1000)));
|
|
|
+ calc(hs.scale, 0.4 * (distance GT 1000 ? distance / 1000 : (distance LT 200 ? 0.25 : (0.25 + (distance - 200)/800 * 0.75))));
|
|
|
+ calc(hs.tx, caller.tx + caller.dx * distance);
|
|
|
+ calc(hs.ty, caller.ty + caller.dy * distance);
|
|
|
+ calc(hs.tz, caller.tz + caller.dz * distance);
|
|
|
+ );
|
|
|
+ );
|
|
|
+ );
|
|
|
+ </action>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <!-- vr_auto_click() - call this action in the onover event of a
|
|
|
+ hotspot to trigger automatically a click after some time. -->
|
|
|
+ <action name="vr_auto_click" scope="local" args="vr_aclk_timeout">
|
|
|
+ if(webvr.isenabled,
|
|
|
+ if(vr_aclk_timeout == null, set(vr_aclk_timeout, 2000));
|
|
|
+ copy(vr_aclk_t1, timertick);
|
|
|
+ set(vr_aclk_waiting, true);
|
|
|
+ copy(webvr.vr_aclk_hotspot, caller.name);
|
|
|
+ set(hotspot[vr_cursor].crop,'0|0|80|80');
|
|
|
+
|
|
|
+ asyncloop(vr_aclk_waiting AND webvr.vr_aclk_hotspot == caller.name,
|
|
|
+ sub(dt, timertick, vr_aclk_t1);
|
|
|
+
|
|
|
+ if(!caller.hovering,
|
|
|
+ set(vr_aclk_waiting, false);
|
|
|
+ set(hotspot[vr_cursor].crop,'0|0|80|80');
|
|
|
+ ,
|
|
|
+ div(f, dt, vr_aclk_timeout);
|
|
|
+ mul(f, 16);
|
|
|
+ roundval(f);
|
|
|
+ Math.min(f, 16);
|
|
|
+ mul(f, 80);
|
|
|
+
|
|
|
+ txtadd(hotspot[vr_cursor].crop,get(f),'|0|80|80');
|
|
|
+
|
|
|
+ <!-- wait another 100ms delay after finishing the animation before doing the click -->
|
|
|
+ sub(dt, 100);
|
|
|
+ if(dt GT vr_aclk_timeout,
|
|
|
+ set(vr_aclk_waiting,false);
|
|
|
+ set(hotspot[vr_cursor].crop,'0|0|80|80');
|
|
|
+ <!-- call onclick -->
|
|
|
+ callwith(caller, scope(global, ondown();onup();onclick(); ); );
|
|
|
+ );
|
|
|
+ );
|
|
|
+ );
|
|
|
+ );
|
|
|
+ </action>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- by pressing SPACE the headset could be re-centered -->
|
|
|
+ <events name="webvr_events" devices="html5" keep="true"
|
|
|
+ onmousedown="if(webvr AND webvr.isenabled, webvr_showbuttons() );"
|
|
|
+ />
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <!-- when WebVR support is available show an EnterVR button -->
|
|
|
+ <action name="webvr_onavailable">
|
|
|
+ webvr.loadsettings();
|
|
|
+ if(layer[webvr_enterbutton], delayedcall(0.5, tween(layer[webvr_enterbutton].alpha,1.0); ); );
|
|
|
+ </action>
|
|
|
+
|
|
|
+
|
|
|
+ <action name="webvr_onunknowndevice">
|
|
|
+ if(webvr.isfake AND device.desktop AND webvr.havesettings == false,
|
|
|
+ <!-- set the 'no distortion' headset for fake desktop usage -->
|
|
|
+ set(webvr.mobilevr_lens_overlap, 1.0);
|
|
|
+ set(webvr.mobilevr_lens_fov, 96.0);
|
|
|
+ set(webvr.mobilevr_lens_dist, 0.0);
|
|
|
+ set(webvr.mobilevr_lens_dist2, '1|0|0|0');
|
|
|
+ set(webvr.mobilevr_lens_ca, 0.0);
|
|
|
+ set(webvr.mobilevr_lens_vign, 100);
|
|
|
+ );
|
|
|
+ </action>
|
|
|
+
|
|
|
+
|
|
|
+ <action name="webvr_onentervr">
|
|
|
+ if(layer[webvr_enterbutton], tween(layer[webvr_enterbutton].alpha,0,0); );
|
|
|
+
|
|
|
+ webvr_showbuttons();
|
|
|
+ webvr_hide_all_non_vr_layers();
|
|
|
+
|
|
|
+ if(webvr.isfake, webvr_show_fakemode_info(true); );
|
|
|
+
|
|
|
+ webvr_load_vr_cursor_hs();
|
|
|
+ </action>
|
|
|
+
|
|
|
+
|
|
|
+ <action name="webvr_onexitvr">
|
|
|
+ removehotspot('vr_cursor');
|
|
|
+ removehotspot('vr_controller_l');
|
|
|
+ removehotspot('vr_controller_r');
|
|
|
+ set(have_vr_controllers, false);
|
|
|
+
|
|
|
+ stopdelayedcall(vr_button_fadeout);
|
|
|
+
|
|
|
+ if(layer[webvr_enterbutton], tween(layer[webvr_enterbutton].alpha,1); );
|
|
|
+ tween(layer[webvr_exitbutton].alpha,0);
|
|
|
+ tween(layer[webvr_setupbutton].alpha,0);
|
|
|
+
|
|
|
+ webvr_show_fakemode_info(false);
|
|
|
+
|
|
|
+ webvr_restore_layers();
|
|
|
+ </action>
|
|
|
+
|
|
|
+
|
|
|
+ <action name="webvr_ondenied" scope="local">
|
|
|
+ addlayer(webvr_ondenied_info);
|
|
|
+ layer[webvr_ondenied_info].loadstyle(webvr_button_style);
|
|
|
+ set(layer[webvr_ondenied_info],
|
|
|
+ align='center',
|
|
|
+ html='Entering VR mode was denied!',
|
|
|
+ onclick='set(enabled,false); tween(alpha,0,0.5,default,removelayer(get(name)));'
|
|
|
+ );
|
|
|
+ delayedcall(2.0,
|
|
|
+ callwith(layer[webvr_ondenied_info], onclick(); );
|
|
|
+ );
|
|
|
+ </action>
|
|
|
+
|
|
|
+
|
|
|
+ <action name="webvr_hide_all_non_vr_layers" scope="local">
|
|
|
+ for(set(i,0), i LT layer.count, inc(i),
|
|
|
+ copy(lr, layer[get(i)]);
|
|
|
+ if(lr.vr !== true,
|
|
|
+ copy(lr.vr_backup_visible, lr.visible);
|
|
|
+ set(lr.visible, false);
|
|
|
+ );
|
|
|
+ );
|
|
|
+ </action>
|
|
|
+
|
|
|
+ <action name="webvr_restore_layers" scope="local">
|
|
|
+ for(set(i,0), i LT layer.count, inc(i),
|
|
|
+ copy(lr, layer[get(i)]);
|
|
|
+ if(lr.vr_backup_visible,
|
|
|
+ copy(lr.visible, lr.vr_backup_visible);
|
|
|
+ delete(lr.vr_backup_visible);
|
|
|
+ );
|
|
|
+ );
|
|
|
+ </action>
|
|
|
+
|
|
|
+ <action name="webvr_show_fakemode_info" scope="local" args="show">
|
|
|
+ if(show == true,
|
|
|
+ addlayer(webvr_fakemode_info);
|
|
|
+ set(layer[webvr_fakemode_info],
|
|
|
+ type='text',
|
|
|
+ keep=true,
|
|
|
+ align='bottom',
|
|
|
+ y=80,
|
|
|
+ bg=false,
|
|
|
+ css='color:#FFFFFF;text-align:center;',
|
|
|
+ html='[i][u]Simulated WebVR Mode![/u][br]For real WebVR with headset tracking use a [a href="http://webvr.info" target="_blank" style="color:#FFFFFF;"]WebVR-capable[/a] browser or a mobile device and a VR headset.[/i]'
|
|
|
+ );
|
|
|
+ ,
|
|
|
+ removelayer(webvr_fakemode_info);
|
|
|
+ );
|
|
|
+ </action>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- ensure the same scaling on mobiles (regardless if mobilescale is 0.5 or 1.0) -->
|
|
|
+ <krpano webvr_setup_scale="calc:(1.0 + 1.0*(device.mobile AND stagescale LT 1.0)) / (1.0 + 1.0*device.mobile)"
|
|
|
+ webvr_button_scale.normal="1.0"
|
|
|
+ webvr_button_scale.mobile="1.6"
|
|
|
+ />
|
|
|
+
|
|
|
+
|
|
|
+ <!-- the EnterVR/ExitVR and SetupVR buttons -->
|
|
|
+ <style name="webvr_button_style"
|
|
|
+ type="text"
|
|
|
+ bgcolor="0x000000"
|
|
|
+ bgalpha="0.5"
|
|
|
+ bgroundedge="0"
|
|
|
+ css="calc:'color:#FFFFFF;font-size:' + 20*webvr_setup_scale*webvr_button_scale + 'px;'"
|
|
|
+ padding="calc:6*webvr_setup_scale*webvr_button_scale + ' ' + 10*webvr_setup_scale*webvr_button_scale"
|
|
|
+ />
|
|
|
+
|
|
|
+ <layer name="webvr_enterbutton" keep="true" vr="true"
|
|
|
+ style="webvr_button_style"
|
|
|
+ html="Enter VR"
|
|
|
+ align="top" y="24"
|
|
|
+ autoalpha="true" alpha="0.0"
|
|
|
+ onclick="webvr.enterVR();"
|
|
|
+ />
|
|
|
+
|
|
|
+ <layer name="webvr_exitbutton" keep="true" vr="true"
|
|
|
+ style="webvr_button_style"
|
|
|
+ html="Exit VR"
|
|
|
+ align="top" y="24"
|
|
|
+ autoalpha="true" alpha="0.0"
|
|
|
+ onclick="webvr.exitVR();"
|
|
|
+ />
|
|
|
+
|
|
|
+ <layer name="webvr_setupbutton" keep="true" vr="true"
|
|
|
+ style="webvr_button_style"
|
|
|
+ html="VR Setup"
|
|
|
+ align="bottom" y="24"
|
|
|
+ autoalpha="true" alpha="0.0"
|
|
|
+ onclick="vrsetup_open();"
|
|
|
+ />
|
|
|
+
|
|
|
+
|
|
|
+ <action name="webvr_showbuttons">
|
|
|
+ stopdelayedcall(vr_button_fadeout);
|
|
|
+ tween(layer[webvr_exitbutton].alpha|layer[webvr_setupbutton].alpha, 1.0|1.0, 0.25);
|
|
|
+ delayedcall(vr_button_fadeout, 3.0, tween(layer[webvr_exitbutton].alpha|layer[webvr_setupbutton].alpha, 0.0|0.0, 1.0); );
|
|
|
+ </action>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <!-- VR SETUP -->
|
|
|
+
|
|
|
+
|
|
|
+ <mobilevr_presets>
|
|
|
+ <headset name="cbv1" caption="Cardboard V1" profile="80|60|42|35|0.441|0.156" />
|
|
|
+ <headset name="cbv2" caption="Cardboard V2" profile="120|64|39|35|0.34|0.55" />
|
|
|
+ <headset name="dydm" caption="Daydream" profile="104|60|41|35|0.42|0.51" />
|
|
|
+ <headset name="nodt" caption="No Distortion" profile="90|60|42|0|0|0" />
|
|
|
+ </mobilevr_presets>
|
|
|
+
|
|
|
+ <action name="vrsetup_open">
|
|
|
+ if(!vrsetup_open_js, vrsetup_init(); );
|
|
|
+ vrsetup_open_js();
|
|
|
+ </action>
|
|
|
+
|
|
|
+
|
|
|
+ <action name="vrsetup_init" type="Javascript"><![CDATA[
|
|
|
+
|
|
|
+ var webvr = krpano.webvr;
|
|
|
+ var padding = 20;
|
|
|
+
|
|
|
+ function vrsetup_dlg_create(type)
|
|
|
+ {
|
|
|
+ var dlg = {type:type, bg:null, y:0, scale:1, elements:[]};
|
|
|
+
|
|
|
+ if (type == 'layer')
|
|
|
+ {
|
|
|
+ dlg.bg = krpano.addlayer();
|
|
|
+ dlg.bg.keep = true;
|
|
|
+ dlg.bg.type = 'container';
|
|
|
+ dlg.bg.align = 'center';
|
|
|
+ }
|
|
|
+ else // 'hotspot'
|
|
|
+ {
|
|
|
+ dlg.scale = 0.15;
|
|
|
+ dlg.bg = krpano.addhotspot();
|
|
|
+ dlg.bg.keep = true;
|
|
|
+ dlg.bg.type = 'text';
|
|
|
+ dlg.bg.distorted = true;
|
|
|
+ dlg.bg.ath = krpano.view.hlookat;
|
|
|
+ dlg.bg.atv = 0;
|
|
|
+ dlg.bg.depth = 150;
|
|
|
+ dlg.bg.torigin = 'world';
|
|
|
+ dlg.bg.tx = krpano.view.tx;
|
|
|
+ dlg.bg.ty = krpano.view.ty;
|
|
|
+ dlg.bg.tz = krpano.view.tz;
|
|
|
+ }
|
|
|
+
|
|
|
+ dlg.bg.bgcolor = 0x000000;
|
|
|
+ dlg.bg.bgalpha = 0.5;
|
|
|
+ dlg.bg.bgcapture = true;
|
|
|
+ dlg.bg.handcursor = false;
|
|
|
+ dlg.bg.capture = false;
|
|
|
+ dlg.bg.zorder = 100;
|
|
|
+ dlg.bg.visible = false;
|
|
|
+
|
|
|
+ dlg.y = 0;
|
|
|
+
|
|
|
+ return dlg;
|
|
|
+ }
|
|
|
+
|
|
|
+ function vrsetup_dlg_addline(dlg, linetext, customcss, onclick)
|
|
|
+ {
|
|
|
+ var txt;
|
|
|
+
|
|
|
+ if (dlg.type == 'layer')
|
|
|
+ {
|
|
|
+ txt = krpano.addlayer();
|
|
|
+ txt.keep = true;
|
|
|
+ txt.type = 'text';
|
|
|
+ txt.align = 'center';
|
|
|
+ txt.zorder = 101;
|
|
|
+ }
|
|
|
+ else // 'hotspot'
|
|
|
+ {
|
|
|
+ txt = krpano.addhotspot();
|
|
|
+ txt.keep = true;
|
|
|
+ txt.type = 'text';
|
|
|
+ txt.distorted = true;
|
|
|
+ txt.zorder = 101;
|
|
|
+ txt.ath = dlg.bg.ath;
|
|
|
+ txt.atv = dlg.bg.atv;
|
|
|
+ txt.depth = dlg.bg.depth - 1;
|
|
|
+ txt.oversampling = 2;
|
|
|
+ txt.scale = dlg.scale;
|
|
|
+ txt.torigin = dlg.bg.torigin;
|
|
|
+ txt.tx = dlg.bg.tx;
|
|
|
+ txt.ty = dlg.bg.ty;
|
|
|
+ txt.tz = dlg.bg.tz;
|
|
|
+ }
|
|
|
+
|
|
|
+ txt.onautosized = function()
|
|
|
+ {
|
|
|
+ txt.havesize = true;
|
|
|
+ }
|
|
|
+
|
|
|
+ txt.edge = 'top';
|
|
|
+ txt.visible = false;
|
|
|
+ txt.bg = false;
|
|
|
+ txt.html = "" + linetext;
|
|
|
+ txt.css = 'font-size:32px;font-weight:bold;color:#FFFFFF; line-height:90%;' + (customcss || '');
|
|
|
+
|
|
|
+ if (onclick)
|
|
|
+ {
|
|
|
+ txt.onclick = onclick;
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ txt.enabled = false;
|
|
|
+ }
|
|
|
+
|
|
|
+ dlg.elements.push( txt );
|
|
|
+
|
|
|
+ return txt;
|
|
|
+ }
|
|
|
+
|
|
|
+ function vrsetup_dlg_addctrl(dlg, changedelay, callback)
|
|
|
+ {
|
|
|
+ var txt = vrsetup_dlg_addline(dlg, callback(0) );
|
|
|
+
|
|
|
+ var inc;
|
|
|
+ var dec;
|
|
|
+
|
|
|
+ if(dlg.type == 'layer')
|
|
|
+ {
|
|
|
+ inc = krpano.addlayer();
|
|
|
+ inc.keep = true;
|
|
|
+ inc.type = 'text';
|
|
|
+ inc.align = 'center';
|
|
|
+ inc.zorder = 101;
|
|
|
+
|
|
|
+ dec = krpano.addlayer();
|
|
|
+ dec.keep = true;
|
|
|
+ dec.type = 'text';
|
|
|
+ dec.align = 'center';
|
|
|
+ dec.zorder = 101;
|
|
|
+ }
|
|
|
+ else // 'hotspot'
|
|
|
+ {
|
|
|
+ inc = krpano.addhotspot();
|
|
|
+ inc.keep = true;
|
|
|
+ inc.type = 'text';
|
|
|
+ inc.distorted = true;
|
|
|
+ inc.zorder = 101;
|
|
|
+ inc.ath = dlg.bg.ath;
|
|
|
+ inc.atv = dlg.bg.atv;
|
|
|
+ inc.depth = dlg.bg.depth - 1;
|
|
|
+ inc.oversampling = 2;
|
|
|
+ inc.scale = dlg.scale;
|
|
|
+ inc.torigin = dlg.bg.torigin;
|
|
|
+ inc.tx = dlg.bg.tx;
|
|
|
+ inc.ty = dlg.bg.ty;
|
|
|
+ inc.tz = dlg.bg.tz;
|
|
|
+
|
|
|
+ dec = krpano.addhotspot();
|
|
|
+ dec.keep = true;
|
|
|
+ dec.type = 'text';
|
|
|
+ dec.distorted = true;
|
|
|
+ dec.zorder = 101;
|
|
|
+ dec.ath = dlg.bg.ath;
|
|
|
+ dec.atv = dlg.bg.atv;
|
|
|
+ dec.depth = dlg.bg.depth - 1;
|
|
|
+ dec.oversampling = 2;
|
|
|
+ dec.scale = dlg.scale;
|
|
|
+ dec.torigin = dlg.bg.torigin;
|
|
|
+ dec.tx = dlg.bg.tx;
|
|
|
+ dec.ty = dlg.bg.ty;
|
|
|
+ dec.tz = dlg.bg.tz;
|
|
|
+ }
|
|
|
+
|
|
|
+ inc.edge = 'top';
|
|
|
+ inc.visible = false;
|
|
|
+ inc.bg = false;
|
|
|
+ inc.html = '>';
|
|
|
+ inc.css = 'font-size:32px;font-weight:bold;color:#FFFFFF; line-height:90%;';
|
|
|
+ inc.padding = '0 10';
|
|
|
+
|
|
|
+ dec.edge = 'top';
|
|
|
+ dec.visible = false;
|
|
|
+ dec.bg = false;
|
|
|
+ dec.html = '<';
|
|
|
+ dec.css = 'font-size:32px;font-weight:bold;color:#FFFFFF; line-height:90%;';
|
|
|
+ dec.padding = '0 10';
|
|
|
+
|
|
|
+ inc.vr_timeout = changedelay * 1000;
|
|
|
+ dec.vr_timeout = changedelay * 1000;
|
|
|
+ inc.ondown = function(){ txt.html = ""+callback(+1); inc.enabled = false; setTimeout(function(){ inc.enabled = true; },0); };
|
|
|
+ dec.ondown = function(){ txt.html = ""+callback(-1); dec.enabled = false; setTimeout(function(){ dec.enabled = true; },0); };
|
|
|
+
|
|
|
+ txt.ctrlchilds = [inc,dec];
|
|
|
+
|
|
|
+ txt.updateControl = function()
|
|
|
+ {
|
|
|
+ txt.html = callback(0);
|
|
|
+ }
|
|
|
+
|
|
|
+ return txt;
|
|
|
+ }
|
|
|
+
|
|
|
+ function vrsetup_dlg_addspace(dlg, customspace)
|
|
|
+ {
|
|
|
+ dlg.elements.push(customspace|| padding);
|
|
|
+ }
|
|
|
+
|
|
|
+ function vrsetup_dlg_finish(dlg)
|
|
|
+ {
|
|
|
+ var i, w=0, h=0;
|
|
|
+ var waitforsizes=false;
|
|
|
+
|
|
|
+ for (i=0; i < dlg.elements.length; i++)
|
|
|
+ {
|
|
|
+ var e = dlg.elements[i];
|
|
|
+ if ( isNaN(e) )
|
|
|
+ {
|
|
|
+ if ( e.havesize )
|
|
|
+ {
|
|
|
+ w = Math.max( w, e.width * 1);
|
|
|
+ h += e.height * 1;
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ waitforsizes = true;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ h += e;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (waitforsizes)
|
|
|
+ {
|
|
|
+ setTimeout( function(){ vrsetup_dlg_finish(dlg); }, 16 );
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ var y = 0;
|
|
|
+
|
|
|
+ dlg.bg.width = Math.ceil((w + padding*2)*dlg.scale);
|
|
|
+ dlg.bg.height = Math.ceil((h + padding*2)*dlg.scale);
|
|
|
+
|
|
|
+ for (i=0; i < dlg.elements.length; i++)
|
|
|
+ {
|
|
|
+ var e = dlg.elements[i];
|
|
|
+ if ( isNaN(e) )
|
|
|
+ {
|
|
|
+ e.oy = Math.round((-h/2 + y) * dlg.scale);
|
|
|
+ e.visible = true;
|
|
|
+
|
|
|
+ y += e.height * 1;
|
|
|
+
|
|
|
+ if (e.ctrlchilds )
|
|
|
+ {
|
|
|
+ for (var j=0; j < e.ctrlchilds.length; j++)
|
|
|
+ {
|
|
|
+ var sube = e.ctrlchilds[j];
|
|
|
+ sube.ox = Math.round(((j&1)-0.5) * (-w) * dlg.scale);
|
|
|
+ sube.oy = e.oy;
|
|
|
+ sube.visible = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ y += e;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ dlg.bg.visible = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function vrsetup_dlg_remove(dlg)
|
|
|
+ {
|
|
|
+ var removefu = dlg.type == 'layer' ? krpano.removelayer : krpano.removehotspot;
|
|
|
+
|
|
|
+ var i,j;
|
|
|
+ for (i=0; i < dlg.elements.length; i++)
|
|
|
+ {
|
|
|
+ var e = dlg.elements[i];
|
|
|
+ if ( isNaN(e) )
|
|
|
+ {
|
|
|
+ if (e.ctrlchilds )
|
|
|
+ {
|
|
|
+ for (j=0; j < e.ctrlchilds.length; j++)
|
|
|
+ {
|
|
|
+ var sube = e.ctrlchilds[j];
|
|
|
+ removefu(sube.name);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ removefu(e.name);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ removefu(dlg.bg.name);
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ function vrsetup_webvr_dialog()
|
|
|
+ {
|
|
|
+ // WebVR API rendering
|
|
|
+ var dlg = vrsetup_dlg_create('hotspot');
|
|
|
+ vrsetup_dlg_addline(dlg, 'WebVR Setup');
|
|
|
+ vrsetup_dlg_addspace(dlg);
|
|
|
+
|
|
|
+ vrsetup_dlg_addline(dlg, 'Oversampling:', 'font-size:16px;')
|
|
|
+ var ctrl_ss = vrsetup_dlg_addctrl(dlg, 1.0, function(change)
|
|
|
+ {
|
|
|
+ var p = webvr.oversampling;
|
|
|
+
|
|
|
+ if (change < 0) { p = Math.max(0.2, Number(p) - 0.1); webvr.oversampling = p; } else
|
|
|
+ if (change > 0) { p = Math.min(4.0, Number(p) + 0.1); webvr.oversampling = p; }
|
|
|
+
|
|
|
+ krpano.actions.delayedcall(0.3, function()
|
|
|
+ {
|
|
|
+ renderres.html = webvr.renderwidth + "x" + webvr.renderheight;
|
|
|
+ });
|
|
|
+
|
|
|
+ return p.toFixed(1);
|
|
|
+ });
|
|
|
+ vrsetup_dlg_addspace(dlg,8);
|
|
|
+ vrsetup_dlg_addline(dlg, 'Rendering Resolution:', 'font-size:16px;');
|
|
|
+ var renderres = vrsetup_dlg_addline(dlg, '');
|
|
|
+ vrsetup_dlg_addspace(dlg);
|
|
|
+ vrsetup_dlg_addline(dlg, 'CLOSE', '', vrsetup_close);
|
|
|
+ vrsetup_dlg_finish(dlg);
|
|
|
+
|
|
|
+ return dlg;
|
|
|
+ }
|
|
|
+
|
|
|
+ function vrsetup_mobilevr_dialog()
|
|
|
+ {
|
|
|
+ // MobileVR / Cardboard rendering
|
|
|
+ var dlg = vrsetup_dlg_create(0 ? 'hotspot' : 'layer');
|
|
|
+ vrsetup_dlg_addline(dlg, 'MobileVR SETUP');
|
|
|
+ vrsetup_dlg_addspace(dlg);
|
|
|
+ vrsetup_dlg_addline(dlg, 'Screensize (inch):', 'font-size:16px;')
|
|
|
+ vrsetup_dlg_addctrl(dlg, 1.0, function(change){ var ss = Number(webvr.mobilevr_screensize); if (isNaN(ss)) ss = 5.0; if (change < 0) { ss = Math.max(4.0, ss - 0.1); webvr.mobilevr_screensize = ss; } else if (change > 0) { ss = Math.min(10.0, ss + 0.1); webvr.mobilevr_screensize = ss; } return ss.toFixed(1); });
|
|
|
+ vrsetup_dlg_addspace(dlg);
|
|
|
+ vrsetup_dlg_addline(dlg, 'VR Headset Preset:', 'font-size:16px;')
|
|
|
+ var ctrl_ps = vrsetup_dlg_addctrl(dlg, 1.0, function(change)
|
|
|
+ {
|
|
|
+ var preset_index = -1;
|
|
|
+ var i;
|
|
|
+
|
|
|
+ var profile = webvr.mobilevr_profile;
|
|
|
+ var presets = krpano.get("mobilevr_presets.headset");
|
|
|
+ if (presets)
|
|
|
+ {
|
|
|
+ presets = presets.getArray();
|
|
|
+
|
|
|
+ for (i=0; i < presets.length; i++)
|
|
|
+ {
|
|
|
+ if ( profile == presets[i].profile )
|
|
|
+ {
|
|
|
+ preset_index = i;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (change < 0)
|
|
|
+ {
|
|
|
+ preset_index--;
|
|
|
+ if (preset_index < 0)
|
|
|
+ preset_index = presets.length - 1;
|
|
|
+
|
|
|
+ webvr.mobilevr_profile = presets[preset_index].profile;
|
|
|
+ }
|
|
|
+ else if (change > 0)
|
|
|
+ {
|
|
|
+ preset_index++;
|
|
|
+ if (preset_index >= presets.length)
|
|
|
+ preset_index = 0;
|
|
|
+
|
|
|
+ webvr.mobilevr_profile = presets[preset_index].profile;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (preset_index >= 0)
|
|
|
+ {
|
|
|
+ return presets[preset_index].caption;
|
|
|
+ }
|
|
|
+
|
|
|
+ return 'Custom';
|
|
|
+ });
|
|
|
+ vrsetup_dlg_addspace(dlg);
|
|
|
+ vrsetup_dlg_addline(dlg, 'Customize Headset', 'font-size:25px;', function()
|
|
|
+ {
|
|
|
+ vrsetup_dlg_remove(dlg);
|
|
|
+ dlg=null;
|
|
|
+
|
|
|
+ vrsetup_dialog = vrsetup_mobilevr_interactive_dialog();
|
|
|
+
|
|
|
+ });
|
|
|
+ vrsetup_dlg_addline(dlg, '(Interactive Adjustment in VR)', 'font-size:12px;');
|
|
|
+ vrsetup_dlg_addspace(dlg);
|
|
|
+ vrsetup_dlg_addline(dlg, 'CLOSE', '', vrsetup_close);
|
|
|
+ vrsetup_dlg_finish(dlg);
|
|
|
+
|
|
|
+ return dlg;
|
|
|
+ }
|
|
|
+
|
|
|
+ function vrsetup_mobilevr_interactive_dialog()
|
|
|
+ {
|
|
|
+ // MobileVR / Cardboard rendering
|
|
|
+ var ctrl_preset, ctrl_fov, ctrl_ild, ctrl_stl, ctrl_ttl, ctrl_k1, ctrl_k2, ctrl_os;
|
|
|
+
|
|
|
+ var dlg = vrsetup_dlg_create('hotspot');
|
|
|
+ vrsetup_dlg_addline(dlg, 'MobileVR SETUP');
|
|
|
+ vrsetup_dlg_addspace(dlg);
|
|
|
+ vrsetup_dlg_addline(dlg, 'Preset:', 'font-size:16px;')
|
|
|
+
|
|
|
+ ctrl_preset = vrsetup_dlg_addctrl(dlg, 1.0, function(change)
|
|
|
+ {
|
|
|
+ var preset_index = -1;
|
|
|
+ var i;
|
|
|
+
|
|
|
+ var profile = webvr.mobilevr_profile;
|
|
|
+ var presets = krpano.get("mobilevr_presets.headset");
|
|
|
+ if (presets)
|
|
|
+ {
|
|
|
+ presets = presets.getArray();
|
|
|
+
|
|
|
+ for (i=0; i < presets.length; i++)
|
|
|
+ {
|
|
|
+ if ( profile == presets[i].profile )
|
|
|
+ {
|
|
|
+ preset_index = i;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (change < 0)
|
|
|
+ {
|
|
|
+ preset_index--;
|
|
|
+ if (preset_index < 0)
|
|
|
+ preset_index = presets.length - 1;
|
|
|
+
|
|
|
+ webvr.mobilevr_profile = presets[preset_index].profile;
|
|
|
+ }
|
|
|
+ else if (change > 0)
|
|
|
+ {
|
|
|
+ preset_index++;
|
|
|
+ if (preset_index >= presets.length)
|
|
|
+ preset_index = 0;
|
|
|
+
|
|
|
+ webvr.mobilevr_profile = presets[preset_index].profile;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (change != 0)
|
|
|
+ {
|
|
|
+ ctrl_fov.updateControl();
|
|
|
+ ctrl_ild.updateControl();
|
|
|
+ ctrl_stl.updateControl();
|
|
|
+ if (ctrl_ttl) ctrl_ttl.updateControl();
|
|
|
+ ctrl_k1.updateControl();
|
|
|
+ ctrl_k2.updateControl();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (preset_index >= 0)
|
|
|
+ {
|
|
|
+ return presets[preset_index].caption;
|
|
|
+ }
|
|
|
+
|
|
|
+ return 'Custom';
|
|
|
+ });
|
|
|
+
|
|
|
+ vrsetup_dlg_addspace(dlg);
|
|
|
+ vrsetup_dlg_addline(dlg, 'Lens-Field-of-View:', 'font-size:16px;');
|
|
|
+ ctrl_fov = vrsetup_dlg_addctrl(dlg, 0.25, function(change){ var p = webvr.mobilevr_profile.split("|"); if (change < 0) { p[0] = Number(p[0]) - 1.0; webvr.mobilevr_profile = p.join("|"); } else if (change > 0) { p[0] = Number(p[0]) + 1.0; webvr.mobilevr_profile = p.join("|"); } if (change != 0) ctrl_preset.updateControl(); return Number(p[0]).toFixed(0); });
|
|
|
+ vrsetup_dlg_addspace(dlg, 8);
|
|
|
+ vrsetup_dlg_addline(dlg, 'Inter-Lens-Distance (mm):', 'font-size:16px;');
|
|
|
+ ctrl_ild = vrsetup_dlg_addctrl(dlg, 0.25, function(change){ var p = webvr.mobilevr_profile.split("|"); if (change < 0) { p[1] = Number(p[1]) - 1.0; webvr.mobilevr_profile = p.join("|"); } else if (change > 0) { p[1] = Number(p[1]) + 1.0; webvr.mobilevr_profile = p.join("|"); } if (change != 0) ctrl_preset.updateControl(); return Number(p[1]).toFixed(0); });
|
|
|
+ vrsetup_dlg_addspace(dlg, 8);
|
|
|
+ vrsetup_dlg_addline(dlg, 'Screen-to-Lens-Distance (mm):', 'font-size:16px;');
|
|
|
+ ctrl_stl = vrsetup_dlg_addctrl(dlg, 0.25, function(change){ var p = webvr.mobilevr_profile.split("|"); if (change < 0) { p[2] = Number(p[2]) - 1.0; webvr.mobilevr_profile = p.join("|"); } else if (change > 0) { p[2] = Number(p[2]) + 1.0; webvr.mobilevr_profile = p.join("|"); } if (change != 0) ctrl_preset.updateControl(); return Number(p[2]).toFixed(0); });
|
|
|
+ vrsetup_dlg_addspace(dlg, 8);
|
|
|
+ if (!webvr.isfake)
|
|
|
+ {
|
|
|
+ vrsetup_dlg_addline(dlg, 'Tray-to-Lens-Center-Distance: (mm):', 'font-size:16px;');
|
|
|
+ ctrl_ttl = vrsetup_dlg_addctrl(dlg, 0.25, function(change){ var p = webvr.mobilevr_profile.split("|"); if (change < 0) { p[3] = Number(p[3]) - 1.0; webvr.mobilevr_profile = p.join("|"); } else if (change > 0) { p[3] = Number(p[3]) + 1.0; webvr.mobilevr_profile = p.join("|"); } if (change != 0) ctrl_preset.updateControl(); return Number(p[3]).toFixed(0); });
|
|
|
+ vrsetup_dlg_addspace(dlg, 8);
|
|
|
+ }
|
|
|
+ vrsetup_dlg_addline(dlg, 'Lens-Distortion Coefficients:', 'font-size:16px;');
|
|
|
+ ctrl_k1 = vrsetup_dlg_addctrl(dlg, 0.1, function(change){ var p = webvr.mobilevr_profile.split("|"); if (change < 0) { p[4] = Number(p[4]) - 0.01; webvr.mobilevr_profile = p.join("|"); } else if (change > 0) { p[4] = Number(p[4]) + 0.01; webvr.mobilevr_profile = p.join("|"); } if (change != 0) ctrl_preset.updateControl(); return Number(p[4]).toFixed(3); });
|
|
|
+ ctrl_k2 = vrsetup_dlg_addctrl(dlg, 0.1, function(change){ var p = webvr.mobilevr_profile.split("|"); if (change < 0) { p[5] = Number(p[5]) - 0.01; webvr.mobilevr_profile = p.join("|"); } else if (change > 0) { p[5] = Number(p[5]) + 0.01; webvr.mobilevr_profile = p.join("|"); } if (change != 0) ctrl_preset.updateControl(); return Number(p[5]).toFixed(3); });
|
|
|
+ vrsetup_dlg_addspace(dlg);
|
|
|
+ vrsetup_dlg_addline(dlg, 'Oversampling:', 'font-size:16px;');
|
|
|
+ ctrl_os = vrsetup_dlg_addctrl(dlg, 0.25, function(change){ var p = webvr.oversampling; if (change < 0) { p = Math.max(0.2, Number(p) - 0.1); webvr.oversampling = p; } else if (change > 0) { p = Math.min(4.0, Number(p) + 0.1); webvr.oversampling = p; } return p.toFixed(1); });
|
|
|
+ vrsetup_dlg_addspace(dlg);
|
|
|
+ vrsetup_dlg_addline(dlg, 'CLOSE', '', vrsetup_close);
|
|
|
+ vrsetup_dlg_finish(dlg);
|
|
|
+
|
|
|
+ return dlg;
|
|
|
+ }
|
|
|
+
|
|
|
+ var vrsetup_dialog = null;
|
|
|
+ var vrsetup_events = null;
|
|
|
+
|
|
|
+ function vrsetup_close()
|
|
|
+ {
|
|
|
+ if (vrsetup_dialog)
|
|
|
+ {
|
|
|
+ webvr.savesettings();
|
|
|
+
|
|
|
+ vrsetup_dlg_remove(vrsetup_dialog);
|
|
|
+ vrsetup_dialog = null;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (vrsetup_events)
|
|
|
+ {
|
|
|
+ krpano.events.removeItem(vrsetup_events.name);
|
|
|
+ vrsetup_events = null;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ krpano.vrsetup_close = function()
|
|
|
+ {
|
|
|
+ vrsetup_close();
|
|
|
+ }
|
|
|
+
|
|
|
+ krpano.vrsetup_open_js = function()
|
|
|
+ {
|
|
|
+ if (vrsetup_dialog != null)
|
|
|
+ {
|
|
|
+ // already open...
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (webvr.iswebvr)
|
|
|
+ {
|
|
|
+ vrsetup_dialog = vrsetup_webvr_dialog();
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ vrsetup_dialog = vrsetup_mobilevr_dialog();
|
|
|
+ }
|
|
|
+
|
|
|
+ vrsetup_events = krpano.events.createItem("auto");
|
|
|
+ vrsetup_events.keep = true;
|
|
|
+
|
|
|
+ vrsetup_events.webvr_onexitvr = function()
|
|
|
+ {
|
|
|
+ vrsetup_close();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ ]]></action>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- A list of devices and their screensize -->
|
|
|
+ <mobilevr_device_database>
|
|
|
+ <device name="iPhone 5/5S/SE" screen="320x568x2" size="4.0" bevel="3" />
|
|
|
+ <device name="iPhone 6/6S/7/8" screen="375x667x2" size="4.7" />
|
|
|
+ <device name="iPhone 6/6S/7/8 Plus" screen="414x736" size="5.5" />
|
|
|
+ <device name="iPhone 6/6S/7/8 Plus (zoomed)" screen="375x667x3" size="5.5" />
|
|
|
+ <device name="iPhone X/XS/11Pro" screen="375x812x3" size="5.85|5.33" />
|
|
|
+ <device name="iPhone XS/11Pro Max" screen="414x896x3" size="6.46|5.95" />
|
|
|
+ <device name="iPhone XR/11" screen="414x896x2" size="6.06|5.58" />
|
|
|
+ <device name="iPhone 12/12Pro" screen="390x844" size="6.1" />
|
|
|
+ <device name="iPhone 12Pro Max" screen="428x926" size="6.7" />
|
|
|
+ <device name="Samsung S6" ua="sm-g930" size="5.1" />
|
|
|
+ <device name="Samsung S6 Edge" ua="sm-g925" size="5.1" />
|
|
|
+ <device name="Samsung S6 Edge Plus" ua="sm-g928" size="5.7" />
|
|
|
+ <device name="Samsung S7" ua="sm-g930" size="5.1" />
|
|
|
+ <device name="Samsung S7 Edge" ua="sm-g935" size="5.5" />
|
|
|
+ <device name="Samsung S8" ua="sm-g950" size="5.8" />
|
|
|
+ <device name="Samsung S8+" ua="sm-g955" size="6.2" />
|
|
|
+ <device name="Samsung S9" ua="sm-g960" size="5.8" />
|
|
|
+ <device name="Samsung S9+" ua="sm-g965" size="6.2" />
|
|
|
+ <device name="Samsung S10e" ua="sm-g970" size="5.8" />
|
|
|
+ <device name="Samsung S10" ua="sm-g973" size="6.1" />
|
|
|
+ <device name="Samsung S10+" ua="sm-g975" size="6.4" />
|
|
|
+ <device name="Samsung S10 5G" ua="sm-g977" size="6.7" />
|
|
|
+ <device name="Samsung Note 7" ua="sm-n930" size="5.7" />
|
|
|
+ <device name="Samsung Note 8" ua="sm-n950" size="6.3" />
|
|
|
+ <device name="Samsung Note 9" ua="sm-n960" size="6.4" />
|
|
|
+ <device name="Samsung Note 10" ua="sm-n970" size="6.3" />
|
|
|
+ <device name="Samsung Note 10 5G" ua="sm-n971" size="6.3" />
|
|
|
+ <device name="Samsung Note 10+" ua="sm-n975" size="6.8" />
|
|
|
+ <device name="Samsung Note 10+ 5G" ua="sm-n976" size="6.8" />
|
|
|
+ <device name="Huawei P10 Lite" ua="HUAWEIWAS-TL10" size="5.2" />
|
|
|
+ <device name="Huawei P20 Lite" ua="HUAWEIANE-LX1" size="5.84" />
|
|
|
+ </mobilevr_device_database>
|
|
|
+
|
|
|
+</krpano>
|
chenlei
