Flash AS3 Tutorials Center | Interesting Flash Animation Tutorials | Valuing Flash Animation Tutorials | Flash ActionScript and Animation Home

AS3 Beginner Tutorials | AS3 Basic Lessons | AS3 Valuing Courses | AS3 Components Tutorials | AS3 and PHP Interaction Tutorials
AS3 Practical Tutorials | AS3 Animation Techniques | AS3 Transition Effects Tutorials | AS3 Download Upload Files | AS3 Particle Systems
Communication Between Flash Movies with AS3 | AS3 and JavaScript interaction | AS3 Matrix Transformation | AS3 Physics Simulation Tutorials

Raining Flash ActionScript Particle System

Step 1: Create Rain Drop Particles on Stage

To create a Flash Particle System with ActionScript 3, the first step is create rain drop particle in random under the cloud.

Please update flash player to view this Flash ActionScript tutorial!

Flash Tutorial Content:

As you learned from previous Particle System with Flash ActionScript Flash, the first step is to create rain drop particle randomly on the stage under the cloud.

The Flash Movie of this Flash ActionScript Rain Particle System tutorial is shown as above.

Flash ActionScript Codes:

// Declare number of Rain Drops
var numOfRain:uint = 20;

// Creates 20 Rain Drops
for (var i:uint = 0; i < numOfRain; i++) {

// Create a new Rain Drop
// Remember to set linkage in Movie Library
var rain:RainDrop = new RainDrop();

// Add the ain Drop to the stage
addChild(rain);

// Assign start location of Rain Drops
// x-axis: Line within the cloud
// y-axis: between cloud and ground
rain.x = ( cloud_mc.x - (cloud_mc.width / 2) + 10 ) + Math.random() * 170;
rain.y = cloud_mc.y + 10 + Math.random() * 300;

}

Remarks:

This Flash ActionScript rain particle system tutorial shows how to create rain drop particles in radom.