how to make a circle scene transition such as the secret of grisly manor?

kiralmh

how to make a circle zoom scene transition such as the secret of grisly manor?

JohnPapiomitis

Whenever you want to change scenes. Have 3 interpolate behaviors. Interpolate camera size width to 0, camera size height to 0, and camera rotation to 360. There ya go:)

kiralmh

thanks~
how about transition with a zooming transparent circle and background become black?

JohnPapiomitis

Cardinal said:
I asked FMG a few days ago about that. He told me he is using a sequence of animation and it's at the top of all the layers. You just have to make 20 circles and add them on the game.

lol Why would you add 20 extra images to your project, when you can achieve the same effect with three behaviors?

JohnPapiomitis

kiralmh said:
thanks~
how about transition with a zooming transparent circle and background become black?

To make it black at the same time, have a plain black actor stretched over your whole scene, and set the alpha to zero. Whatever you have to trigger the zoom and such, also have a behavior that interpolates the plain black actors alpha to 1. Then just mess with the duration if you want it to get darker quicker or lesss

firemaplegames

To achieve the iris effect that I used, you'll need to animate a series of .png images on top of everything else.

You'll need two actors, each with one half of the effect: irisIn and irisOut.

When you want to change Scenes, spawn the irisIn actor on top of everything. That Actor simply has an animate behavior with the images, as well as a Timer which changes the Scene after a certain amount of time. Make the timer the same length as the animation.

When you get to the new Scene, spawn the other actor that has the irisOut animation. Use a Timer to destroy that actor when that animation is complete.

I used 8 .png images to make the effect. Both actors use the same images, but one of he animations has the oder reversed.

The images are simply black rectangles with circles cut out from the center in increasing sizes.

But you don't have to limit yourself to simple circles of course.
You could have keyholes, skulls, stars, anything!

JohnPapiomitis

firemaplegames said:
To achieve the iris effect that I used, you'll need to animate a series of .png images on top of everything else.

You'll need two actors, each with one half of the effect: irisIn and irisOut.

When you want to change Scenes, spawn the irisIn actor on top of everything. That Actor simply has an animate behavior with the images, as well as a Timer which changes the Scene after a certain amount of time. Make the timer the same length as the animation.

When you get to the new Scene, spawn the other actor that has the irisOut animation. Use a Timer to destroy that actor when that animation is complete.

I used 8 .png images to make the effect. Both actors use the same images, but one of he animations has the oder reversed.

The images are simply black rectangles with circles cut out from the center in increasing sizes.

But you don't have to limit yourself to simple circles of course.
You could have keyholes, skulls, stars, anything!

O i see now. I didnt know that he wanted a iris or cutout, i just thought he simply wanted it to zoom in and rotate around. Pretty cool, like you said you could have anything with that

kiralmh

I made a star transition effect~it is cool~Thanks

StormyStudio

As homer Simpson says.

". . . And star wipe."