ActionScript fl.transitions and TransitionManager

ActionScript fl.transitions and TransitionManager
One of the nice things about FlashR OOP is the many pre-built classes. These classes can be thought of as built-in blocks of code. Some of the most useful are the classes used for programming animation because the complicated mathematics is already programmed for you. In this tutorial, we will take a look at the fl.transitions Package which is used with the TransitionManager class to animate movie clips.

Our first step is to import the fl.transitions package with the import statement. If you will be using easing to enhance your animations, then you will also want to import fl.transitions.easing.

import fl.transitions.*;
import fl.transitions.easing.*;

The fl.transitions package has several classes that you can use in your animations. Let's see what they can do. You will probably remember some of these transitions from Dynamic HTML.

fl.transitions package

Blinds
This transition uses horizontal or vertical masks to reveal the movie clip object. You can use up to 50 horizontal or vertical strips in the reveal.

Fade
This transition uses a fade-in effect to reveal the movie clip object.

Fly
This transition reveals the movie clip by slowly moving it onto the stage. The reveal can start from the top left, top center, top right, left center, center, right center, bottom left, bottom center or bottom right.

Iris
The iris transition reveals the movie clip with a circle or square mask. The reveal can start from the top left, top center, top right, left center, center, right center, bottom left, bottom center or bottom right.

Photo
This transition is much like the Fade transition as it has a fade effect to reveal the movie clip but it finishes with a flicker effect at the end of the transition.

PixelDissolve
This transition reveals the movie clip with many small squares. You can use up to 50 horizontal and 50 vertical squares.

Rotate
This transition will rotate the entire movie clip in a circle and then stop. You can rotate the movie clip clockwize or counter-clockwize. You can also control the amount of rotation.

Squeeze
This transition will reveal the movie clip on the stage by expanding the movie clip. The expansion can be horizontal or vertical.

Wipe
This transition uses a mask to reveal the movie clip. The transition can begin from the top left, top center, top right, left center, right center, bottom left, bottom center and bottom right.

Zoom
This transition expands the movie clip onto the stage.

Copyright 2018 Adobe Systems Incorporated. All rights reserved. Adobe product screen shot(s) reprinted with permission from Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper is/are either [a] registered trademark[s] or a trademark[s] of Adobe Systems Incorporated in the United States and/or other countries.





RSS
Related Articles
Editor's Picks Articles
Top Ten Articles
Previous Features
Site Map








Content copyright © 2019 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.