Sliding 2 panoramic images at the same time and playing with opacity between them

gillouze

Hello,
I have 2 panoramic images taken at the same place with the same angle, one picture taken during the day and another picture during the night.
I would like to give the possibility to the user to change the "view" daily or nightly during the pano
and even having the possibility to change the opacity to different value from 1 to 0 to have a sort of animation if the user doesn't click on anything.

That way, I will avoid to have a video who will be really heavier to load and only 2 pictures to load.
What do you think? Is it do-able to pan 2 pictures at the same time and play with the opacity between them?
How can I do?

Thank you
Regards,
Gilles

Yanward

Zitat von gillouze

I would like to give the possibility to the user to change the "view" daily or nightly during the pano
and even having the possibility to change the opacity to different value from 1 to 0 to have a sort of animation if the user doesn't click on anything.

you can do it with this reference: loadpano.blend and events.onidle

Zitat von gillouze

That way, I will avoid to have a video who will be really heavier to load and only 2 pictures to load.
What do you think? Is it do-able to pan 2 pictures at the same time and play with the opacity between them?
How can I do?

here's an example:

Code

<events name="PanoIdle" keep="true" onloadcomplete="set(events[PanoIdle].onidle,PanoIdle(););" onidle=""/>


	<action name="PanoIdle">
		loadscene(scene_002,null,KEEPVIEW,BLEND(5));
	</action>

gillouze

Thank you Yanward for your reply,
I know you can do transition between 2 scenes via this example
https://krpano.com/examples/119/k…ending-demo.xml

But I would like to "freeze" the transition at certain steps: Il would like to have 10 steps available via 10 buttons: so it should stops at opacity:1 , 0.9, 0.8, 0.7 ... 0.1 and 0

For example, the user could have a button to see the visual at certain moment in the day: so the above daily pano opacity will stop at , for example, 0.6 to see more or less the 'night' pano below.
Do you understand what I mean?

Is it possible?

Gilles

Yanward

Yup, I understand.

the option I can think of is more on javascript:

create 2 pano viewer, one is overlapping the other, you can create a javascript control to manage the opacity of the first viewer to show the other pano by decreasing the opacity the way you want to do.

but this might slightly increase the CPU Usage or the Memory/RAM Usage.

gillouze

Mmmh, not a bad idea,
I'm just wondering if I can manage the "rotation" of the 2 pano at the same time to have always the same view angle...
I will check but I think I will have to manage this with a video :( So, much really heavier to load than 2 pics...

Yanward

you can sync them by adding onviewchange or onviewchanged event

klaus.krpano

Hi,

you could do it also like in the 'slider-blend-cubes' example (included in the 1.18 download package):
https://krpano.com/examples/slider-blend-cubes/

The xml:
https://krpano.com/examples/slider-blend-cubes/slider.xml

There the panos are included as hotspots - each hotspot is one cube-face-side of a pnano.
And for the blending just the alpha setting of the hotspots will be changed.

Best regards,
Klaus

Yanward

awesome

it's my first time seeing this example.

gillouze

Klaus, you rocks !
I also didn't see this example previously.
I'm checking this right now, but it looks exactely what i need!

gillouze

By the way, here the result:
http://www.halioexperience.com
It works perfectly on android and desktop - except on ipad - chrome or safari... :(
On ipad, it's crashing when I'm changing scene (via loadscene function) - when passing from the meeting room to the living room... Any idea?

klaus.krpano

Hi,

which iPad and iOS version?
How large (in pixelsize) are the pano-images and the other images on the webpage?
Maybe just too much memory is used by the images for that iPad...

Best regards,
Klaus

Yanward

wow awesome virtual tour Gillouze

gillouze

Thk you Yanward :)
The "cube" images are 2000x2000,
I will try to see if 1000x1000 with a jpg recompression is maybe sufficient to decrease the total files size (the exterior scene is in total 9mb , the other are 3Mb)...

Regards,
Gilles

klaus.krpano

Hi,

the jpeg filesize itself mainly only matters for the loading time, for the memory need at runtime the pixelsize is important one!

Best regards,
Klaus

Umalo

you can also load other one as second scene. Making both scenes and blending from one to another gives similar experience, non performanse related. Keeping view of course.

gillouze

I think that is my videoplayer hotspot crashing my scene under iOs - here with Safari
<hotspot name="videospot" zorder="52" url.html5="%SWFPATH%/plugins/videoplayer.js" url.flash="%SWFPATH%/plugins/videoplayer.swf" ...

Check here below...
Is there any solution for this issue?

klaus.krpano

Zitat von gillouze

Is there any solution for this issue?

Yes - use the latest krpano version - there this bug is fixed:
https://krpano.com/forum/wbb/inde…119releasenotes

Zitat

Fix: Videoplayer plugin - there was crash on iOS in some cases when switching videos and doing play / pause calls.

Sliding 2 panoramic images at the same time and playing with opacity between them

Jetzt mitmachen!

Benutzer online in diesem Thema