Flash AS3 Tutorials Center | Interesting Flash Animation Tutorials | Valuing Flash Animation Tutorials | Flash ActionScript and Animation Home

AS3 Beginner Tutorials | AS3 Basic Lessons | AS3 Valuing Courses | AS3 Components Tutorials | AS3 and PHP Interaction Tutorials
AS3 Practical Tutorials | AS3 Animation Techniques | AS3 Transition Effects Tutorials | AS3 Download Upload Files | AS3 Particle Systems
Communication Between Flash Movies with AS3 | AS3 and JavaScript interaction | AS3 Matrix Transformation | AS3 Physics Simulation Tutorials

Flash AS 3 Squeeze Transition Effect with TransitionManager Class

This Flash ActionScript tutorial shows how to use Squeeze transition effect with TransitionManager Class with Flash ActionScript 3.

Please update flash player to view this Flash ActionScript tutorial!

Flash Tutorial Content:

Flash Squeeze transition effect with TransitionManager Class. As the name quite self-explanatory the effect, the transition effect is a mimic of squeezing of the MovieClip.

The finished Flash Movie of this tutorial is shown as above. Click on the above Flash Movie and play around. Please change the "dimension" and 'duration" to compare the difference in transition effects.

Flash ActionScript Codes:

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

//Add items to the dimensionCombo
dimensionCombo.addItem( {label: "Vertical" } );
dimensionCombo.addItem( {label: "Horizontal" } );

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

//Declare dimension
var dimensionValue:int;

//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
*/

/*
dimension
0: Vertical strip
1: Horizontal strip
*/


enter_btn.addEventListener(MouseEvent.CLICK, runTransition);

 

function runTransition(evt:MouseEvent):void {

//dimension
if (dimensionCombo.selectedIndex == 0) {
dimensionValue = 0;
} else if (dimensionCombo.selectedIndex == 1) {
dimensionValue = 1;
}

//duration
if (durationCombo.selectedIndex == 0) {
durationValue = 2;
} else if (durationCombo.selectedIndex == 1) {
durationValue = 4;
} else if (durationCombo.selectedIndex == 2) {
durationValue = 4;
}

//Start the TransitionManager
TransitionManager.start(island_mc, {
type: Squeeze,
direction: Transition.IN,
duration: durationValue,
dimension: dimensionValue
}
);

}

Download Flash Source File:

Flash Source File transitionmanager-squeeze.fla

Remarks:

This Flash ActionScript tutorial shows how to use Squeeze transition effect with TransitionManager Class.