Zoom in webvr examples

Beginner

Thursday, December 7th 2017, 8:54am

Quoted from "klaus.krpano"

Hi,

please provide more information about your case - e.g. system, browser, headset and so on.

Best regards,
Klaus

Hi again

I did play with my case and now it does not behave strangle, it simply does not zoom in. What I did wrong,I used your your code in webvr.xm not inthe tour.xml.
Also the vebvr icon is disabled when I load the tour, after going to any panorama, vr button appeals.

Can you please have a look at my code?

Source code

<krpano version="1.19" title="Virtual Tour"> <include url="skin/vtourskin.xml" />   <include url="plugins/Links.xml"/>
   <plugin name="logo6" url="logo6.jpg" keep="true" align="leftbottom" x="15" y="15" width="15%" height="12%" handcursor="false" capture="false"/>
  
 <skin_settings maps="false"
            	maps_type="google"
            	maps_bing_api_key=""
            	maps_google_api_key=""
            	maps_zoombuttons="false"
            	gyro="true"
            	webvr="true"
            	webvr_gyro_keeplookingdirection="true"
            	webvr_prev_next_hotspots="true"
            	littleplanetintro="false"
            	title="true"
            	thumbs="true"
            	thumbs_width="120" thumbs_height="80" thumbs_padding="10" thumbs_crop="0|40|240|160"
            	thumbs_opened="false"
            	thumbs_text="false"
            	thumbs_dragging="true"
            	thumbs_onhoverscrolling="false"
            	thumbs_scrollbuttons="false"
            	thumbs_scrollindicator="false"
            	thumbs_loop="false"
            	tooltips_buttons="false"
            	tooltips_thumbs="false"
            	tooltips_hotspots="false"
            	tooltips_mapspots="false"
            	deeplinking="false"
            	loadscene_flags="KEEPVIEW"
            	loadscene_blend="OPENBLEND(0.5, 0.0, 0.75, 0.05, linear)"
            	loadscene_blend_prev="SLIDEBLEND(0.5, 180, 0.75, linear)"
            	loadscene_blend_next="SLIDEBLEND(0.5,   0, 0.75, linear)"
            	loadingtext="loading..."
            	layout_width="100%"
            	layout_maxwidth="814"
            	controlbar_width="-24"
            	controlbar_height="40"
            	controlbar_offset="20"
            	controlbar_offset_closed="-40"
            	controlbar_overlap.no-fractionalscaling="10"
            	controlbar_overlap.fractionalscaling="0"
            	design_skin_images="vtourskin.png"
            	design_bgcolor="0x2D3E50"
            	design_bgalpha="0.8"
            	design_bgborder="0"
            	design_bgroundedge="1"
            	design_bgshadow="0 4 10 0x000000 0.3"
            	design_thumbborder_bgborder="3 0xFFFFFF 1.0"
            	design_thumbborder_padding="2"
            	design_thumbborder_bgroundedge="0"
            	design_text_css="color:#FFFFFF; font-family:Arial;"
            	design_text_shadow="1"
            	/> <!--
 	For an alternative skin design either change the <skin_settings> values 
 	from above or optionally include one of the predefined designs from below.
 -->
 <!-- <include url="skin/vtourskin_design_flat_light.xml"  /> -->
 <!-- <include url="skin/vtourskin_design_glass.xml"   	/> -->
 <!-- <include url="skin/vtourskin_design_ultra_light.xml" /> -->
 <!-- <include url="skin/vtourskin_design_117.xml"     	/> -->
 <!-- <include url="skin/vtourskin_design_117round.xml"	/> -->
 <!-- <include url="skin/vtourskin_design_black.xml"   	/> -->
   
 <action name="startup" autorun="onstart">
  if(startscene === null OR !scene[get(startscene)], copy(startscene,scene[0].name); );
  loadscene(get(startscene), null, MERGE);
  if(startactions !== null, startactions() );
 </action> <include url="plugins/webvr.xml" /> <plugin name="WebVR"
     	multireslock="false"
     	mobilevr_fake_support="true"
     	onavailable="skin_webvr_onavailable();"
     	/> <action name="skin_webvr_onavailable" scope="local">
  if(webvr.isgearvr,
   <!-- show a special enter VR screen for Gear VR browsers (Oculus Browser or Samsung Internet VR) -->
   set(layer[webvr_enterbutton], 
    align=center, y=0, padding='10 20', 
    css='color:#FFFFFF;font-size:40px;text-align:center;',
   );
  );
  webvr_onavailable();
 </action>
 <!-- WebVR zooming - after 2 seconds staring start zooming, stop and zoom back when looking around -->
 <action name="webvr_zooming" scope="local" autorun="onstart">
  set(movement_tolerance, 0.01);
  set(zoom_speed, 1.0);
  <!--set(max_zoom, 75);-->
  
  copy(last_tick, timertick);
  copy(last_movement_tick, last_tick);
  copy(last_view_hlookat, view.hlookat);
  copy(last_view_vlookat, view.vlookat);
  
  setinterval(webvr_zooming, 0.1,
   copy(cur_tick, timertick);
   if(webvr.isenabled,
    getlooktodistance(move_distance, last_view_hlookat, last_view_vlookat);
    calc(movespeed, move_distance / (cur_tick-last_tick));
    
    calc(movement_tolerance, 0.01 / (webvr.zoom^0.5));
    if(movespeed GT movement_tolerance,
     copy(last_movement_tick, cur_tick);
     tween(zoom_speed, 1.0, 0);
     Math.pow(movespeed, 0.5);
    );
    
    if((cur_tick - last_movement_tick) GT 2000,
     tween(zoom_speed, 1.04);
    );
    
    calc(new_zoom, webvr.zoom * (zoom_speed * (1.0 - movespeed)) );
    clamp(new_zoom, 1, get(max_zoom));
    tween(webvr.zoom, get(new_zoom), 0.1, linear);
    
    calc(webvr.friction, new_zoom GT 2.0 ? (new_zoom - 2.0) / 100.0 : 0);
 	,
    copy(last_movement_tick, cur_tick);
   );
   copy(last_tick, cur_tick);
   copy(last_view_hlookat, view.hlookat);
   copy(last_view_vlookat, view.vlookat);
  );
 </action>
 
 
 <!-- load a pano image --> 
 <memory maxmem.mobile.or.tablet="200" />
 
 <action autorun="onstart">
  loadscene(get(startscene), null, MERGE);
 </action>
 
 
 
 
<plugin name="draggablelayer" preload="" keep="true"
    	url="plugins/draggablelayer.swf" 
    	alturl="plugins/draggablelayer.js" 
	/>	<plugin name="getabsxy" preload="" keep="true"
    	url="plugins/getabsxy.swf" 
    	alturl="plugins/getabsxy.js" 
	/>
 
   <include url="plugins/automap/automap.xml"/>
	<layer name="mapbg" bgcapture="true" type="container" keep="true" maskchildren="true"
    	align="lefttop" x="0" y="0" width="50%" height="70%" visible="true"
    	bgcolor="0x000000" bgalpha="0.5" scalechildren="true" scale="1"
  
  
	/>	<layer name="automap" editmode="false" showradar="true" krpanoradar="true"> >
    	<map name="m1" url="maps/map.jpg"/>	</layer>	<layer name="automap" parent="mapbg" x="8" y="8" width="-16" height="-16" onclick="automapswitch()"/>
 
 	<action name="automapswitch">
    	if(layer[mapbg].scale GT 0.6, tween(layer[mapbg].scale,0.2), tween(layer[mapbg].scale,1));
	</action>	<action name="automapscale">
    	tween(layer[mapbg].scale,%1);
	</action> <style name="textfield" url="%SWFPATH%/plugins/textfield.swf" keep="true"
    	selectable="false"  vcenter="true" border="false"  roundedge="8"
    	background="true" backgroundcolor="0x000000" backgroundalpha="0.5" 
    	textshadow="1" textshadowrange="5"  textshadowcolor="0x000000"
    	css="color:#FFFFFF; font-family:Arial; font-size:14px; text-align:center"
	/>
	<scene name="scene_VBA_L0_2017_000" title="VBA_L0_2017_000" group="g1" thumburl="%CURRENTXML%/panos/VBA_L0_2017_000.tiles/thumb.jpg" 
    	map="m1" mapx="823" mapy="632" heading="210"
	/>
	<scene name="scene_VBA_L0_2017_001" title="VBA_L0_2017_001" group="g1" thumburl="%CURRENTXML%/panos/VBA_L0_2017_001.tiles/thumb.jpg" 
    	map="m1" mapx="1207" mapy="700" heading="210"
	/>
	<scene name="scene_VBA_L0_2017_002" title="VBA_L0_2017_002" group="g1" thumburl="%CURRENTXML%/panos/VBA_L0_2017_002.tiles/thumb.jpg" 
    	map="m1" mapx="1467" mapy="874" heading="210"
	/>
	<scene name="scene_VBA_L0_2017_003" title="VBA_L0_2017_003" group="g1" thumburl="%CURRENTXML%/panos/VBA_L0_2017_003.tiles/thumb.jpg" 
   	map="m1" mapx="1659" mapy="873" heading="210"
	/>
	<scene name="scene_VBA_L0_2017_004" title="VBA_L0_2017_004" group="g1" thumburl="%CURRENTXML%/panos/VBA_L0_2017_004.tiles/thumb.jpg" 
    	map="m1" mapx="1683" mapy="633" heading="210"
	/>
 
 <scene name="scene_VBA_L0_2017_000" title="VBA_L0_2017_000" onstart="" thumburl="panos/VBA_L0_2017_000.tiles/thumb.jpg" lat="" lng="" heading="45">  <view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />  <preview url="panos/VBA_L0_2017_000.tiles/preview.jpg" />  <image type="CUBE" multires="true" tilesize="512">
   <level tiledimagewidth="5888" tiledimageheight="5888">
    <cube url="panos/VBA_L0_2017_000.tiles/%s/l4/%0v/l4_%s_%0v_%0h.jpg" />
   </level>
   <level tiledimagewidth="3072" tiledimageheight="3072">
    <cube url="panos/VBA_L0_2017_000.tiles/%s/l3/%0v/l3_%s_%0v_%0h.jpg" />
   </level>
   <level tiledimagewidth="1536" tiledimageheight="1536">
    <cube url="panos/VBA_L0_2017_000.tiles/%s/l2/%0v/l2_%s_%0v_%0h.jpg" />
   </level>
   <level tiledimagewidth="768" tiledimageheight="768">
    <cube url="panos/VBA_L0_2017_000.tiles/%s/l1/%0v/l1_%s_%0v_%0h.jpg" />
   </level>
  </image>
  <hotspot name="spot1" style="skin_hotspotstyle" ath="63.722" atv="18.432" linkedscene="scene_vba_l0_2017_001" /> </scene>

Thank you
Marcin

This post has been edited 1 times, last edit by "Coldmami" (Dec 7th 2017, 9:07am)

Go to the top of the page

YASUSHI KUMON

Trainee

Posts: 77

Location: kanagawa,japan

Occupation: photographer

22

Sunday, December 17th 2017, 2:13pm

Combination of double click zoom and webvr zoom

Hi,

On PC, mobile and tablet, zoom in on the part you double-clicked (double-taped).
In addition, switching to webVR will zoom in on that part for a few seconds(On mobile).
I made a sample with a gigapixel panorama.

http://chiiden.com/panorama/gigapixel/yokostudium_zoom/

How is it？

Yasushi Kumon

Go to the top of the page

ramirox3

Intermediate

Posts: 260

Location: La Ceja, Colombia

Occupation: photographer

23

Saturday, January 27th 2018, 9:43pm

"When I start VR mode it zooms out instantly and the screen is black"
It happens to me the same, there is no answer to this?

Go to the top of the page

Coldmami

Beginner

Posts: 44

24

Saturday, February 3rd 2018, 2:48pm

nope :(

Go to the top of the page

herrpedro

Intermediate

Posts: 171

Location: Lisbon

Occupation: Programmer/analyst

25

Saturday, July 14th 2018, 7:12pm

hi, i just tried it
in your examples i watched tokyo and it works good.

chrome 67.0
krpano pr19

then i copied the test.xml from the example
merged-it into my code and i got this fast zoom out when i enter webvr (fake mode in pc and oculus go)

the scene is defined like so

<scene name="scene_2015_06_02_16_25_54__MG_9717_HDR_Panorama" havevrimage="true" title="Vista geral do transepto" onstart="activatespot(scene_2015_06_02_16_25_54__MG_9717_HDR_Panorama , 00);" thumburl="panos/2015_06_02_16_25_54__MG_9717_HDR_Panorama.tiles/thumb.jpg" lat="" lng="" heading="0" >

<view hlookat="-0.7743751599120969" vlookat="-19.275035615938055" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />

in pc i added this trace
trace(last_view_vlookat , ' ' , last_view_hlookat , ' ' , last_movement_tick , ' ' , last_tick );
so you could see the variation of the values
the webvrenabled is is bellow this piece of code so we could see the fields changing because webvr is enabled (otherwise i wouldn't know where it started in the log)
calc(webvr.friction, new_zoom GT 2.0 ? (new_zoom - 2.0) / 100.0 : 0);
trace('webvrenabled');

INFO: -19.275035615938055 -0.7743751599120969 6754.500000010012 6754.500000010012
INFO: -19.275035615938055 -0.7743751599120969 6873.200000001816 6873.200000001816
INFO: webvrenabled
INFO: -19.275035615938055 -0.7743751599120969 6873.200000001816 6994.000000006054
INFO: webvrenabled
INFO: -19.275035615938055 -0.7743751599120969 6873.200000001816 7107.599999988452
INFO: webvrenabled
INFO: -21.781725969635406 -1.5621921282169793 6873.200000001816 7221.300000004703
INFO: webvrenabled
INFO: -22.641162662331645 -2.636487994087273 6873.200000001816 7337.599999998929
INFO: webvrenabled
INFO: -22.927641559897058 -3.78240358434892 6873.200000001816 7454.899999982445
INFO: webvrenabled
INFO: -23.142500733071117 -5.286417796567332 6873.200000001816 7571.900000009919
INFO: webvrenabled
INFO: -23.357359906245176 -5.572896694132744 6873.200000001816 7688.800000003539
INFO: webvrenabled
INFO: -23.357359906245176 -5.572896694132744 6873.200000001816 7803.799999994226
INFO: webvrenabled
INFO: -23.357359906245176 -5.572896694132744 6873.200000001816 7921.0000000020955
INFO: webvrenabled
INFO: -23.357359906245176 -5.572896694132744 6873.200000001816 8021.600000007311
INFO: webvrenabled
INFO: -23.357359906245176 -5.572896694132744 6873.200000001816 8137.199999997392
INFO: webvrenabled
INFO: -23.357359906245176 -5.572896694132744 6873.200000001816 8238.199999992503
INFO: webvrenabled
INFO: -23.357359906245176 -5.572896694132744 6873.200000001816 8354.599999991478
INFO: webvrenabled
INFO: -23.357359906245176 -5.572896694132744 6873.200000001816 8471.400000009453

thank you for your time.

Rui Pedro
https://www.panoramalace.com

This post has been edited 1 times, last edit by "herrpedro" (Jul 14th 2018, 7:35pm) with the following reason: add info

Go to the top of the page

krtkozv

Beginner

Posts: 8

26

Tuesday, July 2nd 2019, 4:52pm

zoom in vr

Good day

I'll ask for advice
I'm a novice in krpano

I was very interested in https://krpano.com/forum/wbb/index.php?p…&threadID=15582
The zooming in these examples will be controlled by one xml action -
https://krpano.com/viewsource.html?examp...m_test/test.xml

I can't put it into my virtual tour

I would like to advise what code and where to put it

well thank you

Go to the top of the page

cbraut

Beginner

Posts: 7

Location: Louveciennes (France)

Occupation: Photographer, singer/songwriter, web design

27

Sunday, January 19th 2020, 4:22pm

Quoted from "klaus.krpano"

Please let me know how it works for you.

Hi,

Following Klaus exemples I insert "webvr_zooming" action in the XML file of a multires pano :

https://www.archipel-studios.com/test_webvr/

Same problem as the one Coldmami and ramirox3 reported : when I start VR mode it zooms out instantly and the screen is black.

I have a MacBook Pro with Catalina/Safari and an Oculus Go.

Tour was generated by "MAKE PANO (MULTIRES) Droplet", krpano-1.20.2

XML file : https://www.archipel-studios.com/test_webvr/pano.xml

Any help would be appreciated ;-)

Christian

Go to the top of the page

cbraut

Beginner

Posts: 7

Location: Louveciennes (France)

Occupation: Photographer, singer/songwriter, web design

28

Friday, February 28th 2020, 6:24pm

Klaus tell me I had forgotten to set "max zoom".

So I replaced :



By :

set(max_zoom, 10);

And it works fine.

So stupid error ;-(

Go to the top of the page

360labs

Beginner

Posts: 10

29

Tuesday, April 14th 2020, 5:25pm

So I just tried this with 1.20.5, the zooming works well but the new tiles don't seem to load at the correct levels. I have to set the max zoom to a very high level and zoom in very far for new tiles to load. I feel like the tiles should be loading at different (earlier) zoom levels. Is there a way to adjust that? I only want my users to be able to zoom at 10x, but the next set of tiles never load, so at max zoom you are just looking at a blurry image.

This post has been edited 1 times, last edit by "360labs" (Apr 14th 2020, 5:36pm)

Go to the top of the page

ivan38

Beginner

Posts: 1

30

Friday, May 29th 2020, 5:13pm

Hi,
I tested (with krpano 1.20.7) The Tokyo 45 Gigapixel pano (up to 75x zoom).

Quoted from "klaus.krpano"

https://krpano.com/examples/webvr_zoom_test/?example=1

“Zooming in webvr” works well on computer (Windows 10 + Internet browser) *smile*

However “Zooming in webvr” does not work with the Oculus Go (Oculus browser) *sad*

With the exponential development of VR in recent years, I think this option really has its place in krpano *thumbsup*

Can we hope to see its integration soon in a future krpano Downloads version: https://krpano.com/download/krpano ?

Go to the top of the page

BRIANLR

Beginner

Posts: 24

Location: New Jersey, USA

31

Monday, July 20th 2020, 4:46pm

Will the zooming function be updated to work with Oculus browser as this now does not work with Krpano 1.20.7? It still works in Firefox Reality but it is jerky and nausea inducing when you move your head. It would be great if the functionality suggested by the Facebook research project some 3 years ago could be implemented in Krpano.

Go to the top of the page

klaus.krpano

Administrator

Posts: 12,884

32

Tuesday, September 15th 2020, 5:16pm

Hi,

with version 1.20.8 the zooming works now also when using the WebXR API (the default in the current Oculus Browser versions)
and additionally there a small helper plugin 'webvr_autozoom.xml' that adds zooming support for VR.

More information here:
krpano 1.20.8 - Textured 3D Models as Depthmap
and here:
Release Notes 1.20.8

Best regards,
Klaus

Go to the top of the page

Quoted from "klaus.krpano"

Source code

Combination of double click zoom and webvr zoom

zoom in vr

Quoted from "klaus.krpano"

Quoted from "klaus.krpano"

Similar threads