logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
Action Movies
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel
Southwest USA


dailyclick
All times in EST

Full Schedule
g
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

g

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.



Join us in the Flash forum.




Add ActionScript+fl%2Etransitions+and+TransitionManager to Twitter Add ActionScript+fl%2Etransitions+and+TransitionManager to Facebook Add ActionScript+fl%2Etransitions+and+TransitionManager to MySpace Add ActionScript+fl%2Etransitions+and+TransitionManager to Del.icio.us Digg ActionScript+fl%2Etransitions+and+TransitionManager Add ActionScript+fl%2Etransitions+and+TransitionManager to Yahoo My Web Add ActionScript+fl%2Etransitions+and+TransitionManager to Google Bookmarks Add ActionScript+fl%2Etransitions+and+TransitionManager to Stumbleupon Add ActionScript+fl%2Etransitions+and+TransitionManager to Reddit



 



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


For FREE email updates, subscribe to the Flash and Animation Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 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.

g


g features
Particle System - Emitter Shape Parameters

Motion Particle Systems - Introduction

Particle Fog in Motion 5 - Scene Graphics

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2014 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor