Title: Simple Particle Effect
Author: Patrick Lentz
Difficulty: Advance
Requirements: -
Prerequisites: Algebra I

This tutorial will cover a very barebones particle system. The goal is to have a bunch of little particles free-floating. They will pick a random point inside the movie frame, then easy over to it, and repeat the process. Alongside random navigation, the particles will pick a random size and adjust themselves accordingly as well. The math is of a somewhat intermediate level, but the most complicated it gets is the distance formula (which hopefully you know by now).

 

1:

 

We'll start by making our particle object. Open the Library window, and click on the + sign to create a new symbol, as shown in Fig 1.

 

 

 

 


2:

 

Draw a circle in the middle of the new symbol. It doesn't really matter what the size of the circle is, so it's up to you. This is how mine ended up looking like Fig 2 .

 

 

 

 

 

With this kind of stuff, I've found that it's more aesthetically pleasing to have a radial gradient in the middle. Have it fade out to an alpha value of 0. The next step is to make the movie file that will contain the actions of the particle. So in the library window, click the + sign again and create a new symbol, as shown in Fig 3.

 

 

 

 


3:

In this new movie, place the Particle symbol in the middle of the first keyframe. Pull up the Actions panel and click on the first keyframe. Now it's time to define some variables. Type the following into the Actions panel:

 

 

xMin = 0;
xMax = 550;
yMin = 0;
yMax = 400;
minSize = 10;
maxSize = 50;
easeFactor = 10;

randomX = Math.random () * ( xMax - xMin ) + xMin;

randomY = Math.random () * ( yMax - yMin ) + yMin;

randomSize = Math.random () * ( maxSize - minSize ) + minSize;


xMin, xMax, yMin, and yMax all define the bounds of the randomly selected area. No matter which random numbers the particles choose to jump to, they will stay within these limits. I picked the values 550 and 400 because that's the default size for a Flash movie (and I was too lazy to change it). The minSize and maxSize variable determine the bounds for both the width and height of the particle. Since it's a circle, and the width and height will always be the same, we only need to worry about one number. The easeFactor variable will determine how long each particle will take getting to its' destination. I'll explain this better later. I declared two variables, randomX and randomY and gave them the range of the Min's and Max's declared above, then generated a random size and stored it in the randomSize variable.

The Random() function picks a random value between 0 and 1. You multiply that value by the maximum value that you want it to have (so in this case, the range would be between 0 and 550 - 0), then add the minimum value (which is 0 in this case). Let's look at another example: You want to generate a random value between 50 and 75 (so xMin = 50 and xMax = 75). Since the Random() function only generates a value between 0 and 1, we want to multiply this by the maximum minus the minimum, then add the minimum to it. So Random()*25+50 will do the job. (Since 50 + 25 = 75). Wow I really suck at explaining things ... go check out another Math tutorial if you are still confused. But I'm moving on.

 


Fig 1


Fig 2


Fig 3

1 | 2 |Next

   
Main | Tutorials | BestFlash | Goodies | Forums | Portfolio | Contact Us
   
 
AEvision Tutorials 2.0 - All rights reserved AEvision Designs 2002-2005
 
 
Icons provided by iconpacks.com