You are not logged in.

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

Monday, November 28th 2011, 6:26am

Transition Effect (Everyscape's style)

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

Zephyr

Professional

Posts: 994

Location: Netherlands

Occupation: Web developer

  • Send private message

2

Monday, November 28th 2011, 11:38am

You could use a

looktohotspot combined with ZOOMBLEND transistion

Source code

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.
3d childrens game using krpano Game
Minify your xml with my krpano XML Compressor
Krpano XML Parsing Error Checklist
Available for hire (krpano xml, javascript, actionscript, flash, php and ipad plugins).

3

Monday, November 28th 2011, 2:09pm

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?

Zephyr

Professional

Posts: 994

Location: Netherlands

Occupation: Web developer

  • Send private message

4

Monday, November 28th 2011, 2:26pm

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:

Source code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<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.
3d childrens game using krpano Game
Minify your xml with my krpano XML Compressor
Krpano XML Parsing Error Checklist
Available for hire (krpano xml, javascript, actionscript, flash, php and ipad plugins).

5

Monday, November 28th 2011, 5:49pm

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.

Zephyr

Professional

Posts: 994

Location: Netherlands

Occupation: Web developer

  • Send private message

6

Monday, November 28th 2011, 6:54pm

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.
3d childrens game using krpano Game
Minify your xml with my krpano XML Compressor
Krpano XML Parsing Error Checklist
Available for hire (krpano xml, javascript, actionscript, flash, php and ipad plugins).

7

Monday, November 28th 2011, 9:37pm

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.

This post has been edited 1 times, last edit by "enridp" (Nov 28th 2011, 10:06pm)


8

Tuesday, November 29th 2011, 10:53am

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

9

Wednesday, November 30th 2011, 5:04am

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.

Posts: 1,850

Occupation: Virtual Tours - Photography - Krpano developer

  • Send private message

10

Wednesday, November 30th 2011, 5:39am

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

Posts: 148

Location: Italy

Occupation: Freelance Fotographer

  • Send private message

11

Wednesday, August 14th 2013, 7:28pm

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?

This post has been edited 2 times, last edit by "nonchiedercilaparola" (Sep 6th 2013, 6:55pm)