Animating Dynamic MovieClips - Page 1
       by kirupa  |  30 August 2006

One of the fun things about Flash is how simple it is to create some cool effects. Every now and then, you might run into an issue that seems simple but actually takes more effort than necessary. In this tutorial, I will go over one such situation involving animating dynamically loaded movie clips.

I will explain how to animate dynamic movie clips by explaining how the following animation works. For an example, hover your mouse over the following animation:

[ move your mouse around the above animation to see something cool ]

By the end of this tutorial, you will not only have created the above special effect, but also learned how to re-use movie clips using the attachMovie method and ensure that each movie clip's properties, variables, and event handlers do not interfere with each other. I will also provide various tricks on topics such as simulating onLoad for dynamically loaded movie clips. Both the designer and developer in you should be happy in the end!

Let's Get Started:

  1. First, create a new animation in Flash. From the Properties panel, set the animation's width and height to 300 pixels by 200 pixels respectively. Finally, adjust the movie's frame rate to 25 fps:

[ set your animation's width/height to 300 by 200 and your frame rate to 25 ]

  1. Now that our stage is setup just the way we want it, let's draw a circle. Using the Circle tool, draw a circle with a blue solid-fill color:

[ draw a blue, solid, filled circle ]

We have just begun, and in the next page, you will receiving the remaining steps towards completing your animation.

Onwards to the next page!

1 | 2 | 3 | 4 | 5 | 6 | 7 | 8




SUPPORTERS:

kirupa.com's fast and reliable hosting provided by Media Temple.