Transition Effect (Everyscape's style)

Schüler

Montag, 28. November 2011, 06:26

Hi again ! ( this is my third question in less than 10 minutes :S )

Is possible to make a transition effect similar to Everyscape (http://www.everyscape.com/)
I saw they are using a video for that (it's a FLV that has the transition).
So I guess this is not so easy, maybe because it's a big CPU consumer.

Also, there's a plugin for FPP for making something similar (without videos):
http://www.tourdeforce360.com/plugins/zoomtrans.html
But I don't understand how it works (I think we need to put some rectilinear images and then the plugin uses them as "keyframes" for the transition).

Zum Seitenanfang

Zephyr

Profi

Beiträge: 1 003

Wohnort: Netherlands

Beruf: Web developer

2

Montag, 28. November 2011, 11:38

You could use a

looktohotspot combined with ZOOMBLEND transistion

	Quellcode
1 2 3 4 5 6 7 8	<hotspot name="test" keep="true" visible="true" ath="0" atv="0" onclick="looktohotspot(get(name)); loadpano(test.xml, null, MERGE, ZOOMBLEND(1,2))" />

Other way is, forcing a certain view with looktohotspot(get(name), 45); (45 = the fov) then adding the videoplayer plugin with a video already preloaded, and play that video, after the video is done, call the loadpano function.

Btw this question has been asked for alot! It's not something krpano can do for you, you need extra image data (of the transistion) in the form of extra photos or an video. krpano cant make up photos.

Zum Seitenanfang

enridp

Schüler

Beiträge: 51

3

Montag, 28. November 2011, 14:09

Thanks @Zephyr for the tip.
I found only this post in the forum:
Everyscape & Google Street View transitions
and because it's a year old I thought maybe there was some advance on it.

Also because for FPP there's a plugin for those transitions (and they are not using a video... but I don't know how it works, I think you only need to load some static images for the transition).
Does somebody know if it's possible to make (or if exists) something similar to that plugin for KrPano?

And, if the best option is to make a video like everyscape, does somebody know a tutorial for making those transitions? do we need After Effects or something like that?

Zum Seitenanfang

Zephyr

Profi

Beiträge: 1 003

Wohnort: Netherlands

Beruf: Web developer

4

Montag, 28. November 2011, 14:26

Well video = lots of images. The FPP just cuts down the video and only allows for a few images. Im not sure if a few images is better then a tiny video. You need to do more requests, more scripting, and the filesize could be bigger (video has other compression then images and has streaming possibilities).

Instead of opening a video, you could tween an image to fade from alpha 0 to 1 back to 0, while you scale it bigger. While you do this, and the image is halfway fading in, you start fading in the next image and do the same.

something like this:

Quellcode

<plugin name="i1" url="intro_1.jpg" keep="true" preload="true" visible="false" alpha="0" enabled="false" align="center" />
<plugin name="i2" url="intro_2.jpg" keep="true" preload="true" visible="false" alpha="0" enabled="false" align="center" />
<plugin name="i3" url="intro_3.jpg" keep="true" preload="true" visible="false" alpha="0" enabled="false" align="center" />
<plugin name="i4" url="intro_4.jpg" keep="true" preload="true" visible="false" alpha="0" enabled="false" align="center" />

<action name="load_panorama">
	delayedcall(0, show_image(i1));
	delayedcall(1, show_image(i2));
	delayedcall(2, show_image(i3));
	delayedcall(3, show_image(i4));
	delayedcall(4, loadpano(test.xml));
</action>

<action name="show_image">
	tween(plugin[%1].alpha, 1, 0.5,
		tween(plugin[%1].alpha, 0, 0.5); 
	);
	tween(plugin[%1].scale, 3, 0.5);
</action>

Its possible, but it would be quite a task to get it nice and smooth and perfectly aligned.

Zum Seitenanfang

enridp

Schüler

Beiträge: 51

5

Montag, 28. November 2011, 17:49

And why do we need a video? I can think in just one reason: "performance".
But look at this:
Fast Radial Blur
http://www.quasimondo.com/archives/000697.php
With Pixel Bender we can make radial blur, so, what's wrong with getting the current view, applying a radial blur, getting the final view (from the next pano), apllying radial blur too, and then make the transition between those blurred images with a zoom and blend effect ?

Also, do you know if @Klaus is using Pixel Bender or coding Krpano with C++ and Alchemy? that could make the plugin run much faster if not.

Zum Seitenanfang

Zephyr

Profi

Beiträge: 1 003

Wohnort: Netherlands

Beruf: Web developer

6

Montag, 28. November 2011, 18:54

I dont know what Klaus uses. I think just regular Flash Builder (seeing all his plugins can be compiled with flex sdk)

But you need video/multiple images, because you need the in between shots. Imagine making a pano infront of a tunnel, and a pano at the end of the tunnel. With out additional images in between, you'd never see the inside of the tunnel. It would just be a crossfade with a radial blur effect...

Besides, I reckon doing a calculation for radial blur + alpha fade for 2 views (which could be as big as your screen, ranging from 800x600 to 1920x1080 and up) would be real heavy. Precalculating such transistion in a video would be lighter I guess.

Btw there are people that made such animation in krpano with just panos: http://krpano.com/panos/multiframe/toyota/

in this example they go to the next panorama using the arrows. Basicly its 1 panorama with multiple frames.

Zum Seitenanfang

enridp

Schüler

Beiträge: 51

7

Montag, 28. November 2011, 21:37

Yes, for long transitions you probably need a lot of images, look this really neat example (not a panorama, probably you know it):
http://www.nikolaus-baumgarten.de/zoomquilt/zoomquilt.html
(aca una version mas nueva y animada: http://www.syfy.com/tinman/oz/)

But for moving from a room to another for example I think two images is enough to create a good effect (are not using only two images in everyscape? I saw some videos frame by frame and it looks like just 2 images).
Anyway, I'm still afraid of performance.
We could make the radial blur offline and just load the two blurred images, and make the transition between them.
But with radial blur online the effect could be much more realistic (because we could change the amout or blur during the animation).
I will make some test if I have enough time.

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »enridp« (28. November 2011, 22:06)

Zum Seitenanfang

klaus.krpano

Administrator

Beiträge: 13 499

8

Dienstag, 29. November 2011, 10:53

Hi,

when you are able to make such transition videos like in everyscape, then doing such is possible of course,

just start/load the videoplayer plugin and play a video at full window size and "onvideocomplete" load and blend to the next pano,

the bigger problem is how to make such video - an fully automatic way would require more information, e.g. either linked control points between the two panos images, some geometry/depth information about the environment, and so on...
doing that in real-time is not probably not possible and sense full...

best regards,
Klaus

Zum Seitenanfang

enridp

Schüler

Beiträge: 51

9

Mittwoch, 30. November 2011, 05:04

yes that's true we need at least some 3D information for simulating the transition between 2 panoramas (and this will work only if they are close enough).
but maybe is easier and faster to define some planes (walls, floor and roof) and make the effect online rather than taking a lot of extra pictures and making a video for each transition.
The performance is my biggest fear here, but I think could be nice to try it.

Zum Seitenanfang

sachagriffin

Meister

Beiträge: 1 857

Beruf: Virtual Tours - Photography - Krpano developer

10

Mittwoch, 30. November 2011, 05:39

For a decent effect you only need keyframes to blend into.

If there was an additional blendmode that could accept x number of frames and use them for additional transitioning. Naturally, this would be pretty advanced, and not something easily done for people that use droplets. Video is certainly overkill, if klaus could support something like the zoom blending, there'd be additional data requirements besides 5-15 extra jpgs.

While everyscrapes is kinda cool, its also kinda pointless. It really doesn't add much functionality.. the quality is pretty poor and you still just only get a sense of movement.

By morphing from x number of frames over y time, you could go around corners, and since it's not video, it would be very lightweight. By using a heavy handed morphing transition you can get away with very few frames. If you're interested Klaus, I could create some sample content. Or perhaps there are more pressing priorities.

KRPano Developer: Portfolio ::Gigapixel Tagging Solutions - Porfolio 2 :: Facebook :: Twitter :: reddit.com/r/VirtualTour

Zum Seitenanfang

nonchiedercilaparola

Schüler

Beiträge: 148

Wohnort: Italy

Beruf: Freelance Fotographer

11

Mittwoch, 14. August 2013, 19:28

hi, i try to integrete a hyperlapse beetween a pano to another. i extracted 30 rectilineare image from and i woulike to use them to get a hyperlapse transiction.

method A) insert each rectilinear images in krpano and see theme in sequence (nextpano load by multiframe metohod)
http://www.photospherical.it/VT/test/vto…frame/tour.html

method B) create a hyperlapse video with the 30 images and integrate the video in the pano
http://www.photospherical.it/VT/test/vto…video/tour.html

IMPORTANTE question:
how is it possible to have rectilinear extraction equal to a view of a pano?

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »nonchiedercilaparola« (6. September 2013, 18:55)

Zum Seitenanfang