You are not logged in.

Zoom in webvr examples

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

  • 1
  • 2

Coldmami

Beginner

Posts: 41

  • Send private message

21

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

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192

<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)

YASUSHI KUMON

Trainee

Posts: 72

Location: kanagawa,japan

Occupation: photographer

  • Send private message

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

ramirox3

Intermediate

Posts: 223

Location: La Ceja, Colombia

Occupation: photographer

  • Send private message

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?

Coldmami

Beginner

Posts: 41

  • Send private message

24

Saturday, February 3rd 2018, 2:48pm

nope :(

herrpedro

Intermediate

Posts: 158

Location: Lisbon

Occupation: Programmer/analyst

  • Send private message

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

krtkozv

Beginner

Posts: 8

  • Send private message

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

cbraut

Beginner

Posts: 7

Location: Louveciennes (France)

Occupation: Photographer, singer/songwriter, web design

  • Send private message

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

cbraut

Beginner

Posts: 7

Location: Louveciennes (France)

Occupation: Photographer, singer/songwriter, web design

  • Send private message

28

Friday, February 28th 2020, 6:24pm

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


So I replaced :

<!--set(max_zoom, 75);-->

By :

set(max_zoom, 10);


And it works fine.

So stupid error ;-(

360labs

Beginner

Posts: 10

  • Send private message

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)

ivan38

Beginner

Posts: 1

  • Send private message

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 ?

BRIANLR

Beginner

Posts: 18

Location: New Jersey, USA

  • Send private message

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.
  • 1
  • 2

Similar threads