Animate Flash Zoom transition effect with TransitionManager Class. As the name implied, the transition effect is a mimic of the zooming effect.

The finished Flash Movie of this Zoom Transition Effect tutorial is shown as below. Click on Movie and play around. Please change the “duration” to compare the difference in zoom transition effects. Zoom transition effect is also a commonly used animation or transition effect by Flash developers.

Flash ActionScript Codes:



//Use ComboBox controls
import fl.controls.ComboBox;

//Add items to the durationCombo
durationCombo.addItem( {label: "2" } );
durationCombo.addItem( {label: "4" } );
durationCombo.addItem( {label: "6" } );

//declare duration
var durationValue:int;

//import transition classes
import fl.transitions.*;
import fl.transitions.easing.*;

/*
type -> Transition type
There are total 10 Transition type working with TransitionManager
They are:
Blinds, Fade, Fly, Iris, Photo,
Rotate, Squeeze, Wipe, PixelDissolve, Zoom
*/

/*
direction:Transition.IN -> Appear with Transition effect
direction:Transition.OUT -> Disppear with Transition effect
*/

/*
duration -> Time in seconds to finish the Transition effect
This is an integer
*/

 

enter_btn.addEventListener(MouseEvent.CLICK, runTransition);

 

function runTransition(evt:MouseEvent):void {
//duration
if (durationCombo.selectedIndex == 0) {

durationValue = 2;
} else if (durationCombo.selectedIndex == 1) {
durationValue = 4;
} else if (durationCombo.selectedIndex == 2) {
durationValue = 6;
}
//Start the TransitionManager
TransitionManager.start(island_mc, {
type: Zoom,
direction: Transition.IN,
duration: durationValue,
}
);

}

Download Source File:

TransitionManager-Pack.zip

The download zip file contains the following files:
transitionmanager-wipe.fla
transitionmanager-zoom.fla
transitionmanager-squeeze.fla
transitionmanager-blinds.fla
transitionmanager-fade.fla
transitionmanager-fly.fla
transitionmanager-iris.fla
transitionmanager-photo.fla
transitionmanager-pixeldissolve.fla
transitionmanager-rotate.fla