Internet Commerce

Partners & Affiliates














Developer Channel

internet.com


Tutorials Home What's New Top Rated Submit myTutes Random!

Search Tutorials


Categories Dynamic masking using the drawing API II
Author: Patrick Mineault | Website: http://www.5etdemi.com |

 
Page 4
«prev 1 2 3 4 5 6 7 8 next»

This gives us the following movie:

First, a blank movie clip is created in which the line will be drawn. A setInterval action is called so that the animation will advance every 17 milliseconds. A variable is used to keep track of where we are in the animation: animIndex. In this case, the animation takes 60 steps. The time variable goes from 0 to 1 depending on the value of animIndex. The dist variable ('distance') is set to the value of time to create a linear animation (more on this later).

Since the dist variable takes all values between 0 and 1 an obvious set of formulas are used to move from point a to point b:

x = startX + dist*deltaX;
y = startY + dist*deltaY;

Here startX and startY are the starting coordinates and deltaX and deltaY are the x and y distance between the start and end points. So what we do in this script is apply this set of formulas to the start, control and end points. In this case, deltaX and deltaY are 0 for the start point, which further simplifies our code.

«prev 1 2 3 4 5 6 7 8 next»

» Level Advanced

Added: : 2004-06-01
Rating: 7.93 Votes: 12
Hits: 1541
» Author
The author is a math enthusiast. He nows studies Physics at McGill University.
» Download
Download the files used in this tutorial.
Download (209 kb)
Get conversion and unzipping tools for PC and Mac here!

» Forums
More help? Search our boards for quick answers!

Please rate this tutorial, 10 is the top rating, you can also click the comments link to read/write a review.
10 9 8 7 6 5 4 3 2 1
Read or Post Comments
 
   
 


The Network for Technology Professionals

Search:

About Internet.com

Legal Notices, Licensing, Permissions, Privacy Policy.
Advertise | Newsletters | E-mail Offers