Flash Script – Dynamic Masking in Flash MX

By Georgina Laidlaw

With Flash Mx comes dynamic masking capability! Now you can mask objects using action script. In this small tutorial I’ll show you how to use the setMask method to mask an object.

Download the sample files here.


1. Create a new movie.

2. Import two images into Flash. I have used images of a rooster and a tiger.

3. Convert the images to movieclips.

4. Give both the movieclips instance names.

5. Now, create the masking object — in this case, I’ve used a small circular object.

6. Convert the circular object into a movie clip, and give it an instance name of "circle".

7. Create three buttons: one to mask the tiger image, another to mask the rooster image, and the third to remove masking.

8. Give the buttons instance names. Before I insert actionscript for the buttons, give them instance names: I gave mine the names of "left","right" and "remove".

9. Enter the following code. Select the first frame of the current layer, press f9 to open the actions window, and enter the following actions:

left.onPress = function() 

right.onPress = function()

remove.onPress = function()

10. That’s it! Test the movie.

No Reader comments



Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Instant Website Review

Use Woorank to analyze and optimize your website to improve your website to improve your ranking!

Run a review to see how your site can improve across 70+ metrics!

Get the latest in Front-end, once a week, for free.