Lets create a time based animation.
If you think your movie is playing at the speed of your FPS setting, then think twice. FPS setting sets the maximum speed of your movie. We can not say that our movie will play on that speed every time. Because Flash movies are rendered through processor powers, so if our processor is busy doing something else then our movie is bound to get slower if we rely on FPS. But FPS settings are important to set the maximum possible speed of our movie.
Well, then how to animate a certain thing in certain time interval? The trick is "setInterval".this is a method which calls a function at a regualr time interval. Lets put this into practice.
1.Create a movie with 2 layers, one is "Gfx" and the other is "Actions".
2. Make a movieclip and name it myClip (on library) .
3. make 2 instances of "myclip" on stage by dragging the movieclip to stage for 2 times. Now name the 2 instances on stage as
4.Fine. Lets write some code to animate them in x axis. For this we will write a function which takes a parameter. Because we are going to call that function and pass the parameter as movieclip.So the code will look like
Whats the function is doing ? Its actually taking a parameter "clip" which is of type "MovieClip". Then the function adds 1 to the clips x-position. we can write this by
clip._x = clip._x+1;
Both are the same thing.
Finally the function calles "updateAfterEvent()" method which updates the stage as soon as the function is called.
If you test movie now, you can see nothing is happening !! Why ?! Because we have just created a function, we have not called it yet. So next we are going to call the "setInterval" method and call our function from that.
5. the syntax for setInterval is
6.To call uour function and pass our movieclips we will write as
So first we are calling our "moveX" function then saying that this function will be called at every 100milliseconds and the parameter the function should take is "box_1_mc".
The final code will look like
Now test the movie, you can see your movieclip is animated in x-axis smoothly. similarly if we want to animate the other clip then we just pass the other clip as a parameter and we also want the other clip to move at different speed so we will call our function at different intervals too. Well the finished script will look as
Now test you movie, we can see our sencond box is moving faster than the first one, because we are calling it in every 50 milliseconds, where the move function of first clip is called every 100 milliseconds.