Download source project t1059.zip (2 kb)
- Launch Flash Designer and set movie dimensions 500 x 500 (or any desired).
- Change frame delay to "Stop".
- Add new frame, change "Frame 1" to "Master Frame (1)"
- Go to "Frame 1", select "Master Frame (1)" as the background:
- Go to "Frame 1"
- Choose "Insert" > "Shape or Line" and select "Heart"
- Fill it with radial gradient (center color orange, outer color red), resize it to 52x37 pixels
- Convert it to sprite ("Edit" > "Convert to Sprite")
- Rename it to "heart" and check "ActionScript Target" under "Item" > "Placement Properties"
- Move the sprite outside visible area
- Go to "Master Frame (1)"
- Choose "Insert" > "Shape or Line" and select "Heart"
- Fill it with vertical gradient, top color light red, bottom color dark red
- Duplicate, enlarge and position both hearts to create the background

Add ActionScript:
Go to "Frame 1", choose "Frame" > "ActionScript" and paste the code:
maxhearts = 100;
var hearts = new Array();
for(i=0;i<maxhearts;i++)
{
hearts[i] = heart.duplicateMovieClip("heart"+i,100+i);
// put it in random place
hearts[i]._x = Stage.width*Math.random();
hearts[i]._y = Stage.height*Math.random();
hearts[i]._xscale = 40+Math.random()*60;
hearts[i]._yscale = hearts[i]._xscale;
hearts[i].yspeed = Math.random()*4+ 1;
hearts[i].increment = -0.025+Math.random()*0.05;
hearts[i].onEnterFrame = function() {
this.radians = this.increment + this.radians;
this._y = this._y - this.yspeed;
this._x = Math.sin(this.radians) + this._x;
if (this._y<-20) {
this._y = Stage.height;
this._x = 0-10+Math.random()*Stage.width;
}
}
}
Hit F9 for preview.
INFO: to place an object in front of hearts, select it, choose "Item" > "Placement Properties" and change the layer to higher value, for example "Layer 3":
Give your comments if you like this tutorial.. and i hope you like this. :)

1 comments:
March 15, 2009 at 6:39 AM
very nice thanks a lot for a this tutorials
Post a Comment