CambodiaXP.com - Free Macromedia Flash Actionscript Tutorial

HomeTutorialExperimentArticleEntertainmentFreebieDirectoryForum

Rate:

email to friends

print

Create realistic blinking starry night in flash mx 2004 n flash 8.

Many flash music videos share similar scene of a couple holding each other in a dark blinking starry night. I love such effect so much. Hence, I decided to create one for myself and it looks like below:



Yes, you will learn to create just the same effect in this flash starry night effect using actionscript.

In this blinking star flash tutorial, I assumed you have learnt and understood the concept of static starry night already. If you have not, please refer to static starry night in flash mx 2004 for reference.

Okay, let’s get start with cool flash starry night effect tutorial.

1- Create a new working stage of 350 by 400 pixels.

2- Create a dark blue sky (refer to static starry night in flash mx 2004 for reference). You get something like this:


3- Okay, you see the small white circle above? This circle need to be created on the Layer 2. Create one (layer 2) if you have not done so. Next create the small oval by using the oval tool in flash panel on Layer 2.


4- Next, you have to convert this small white star into a movie clip by selecting it and then press F8.

Click Ok to create a movie clip instance of the first star.

Okay you almost have everything in places. Now you have to make this one star movie clip instance to glow itself.

5- In the main stage, double click on the newly created star movie clip to edit it.

6- Now you are inside the movie clip editing mode. Next convert the small star into a graphic symbol by pressing F8 once again but choose graphic as Behavior this time round. Click Ok. You now should get a graphic representative of your first star.

7- You are now still inside the movie clip editing mode. Next select the small star graphic instance you have just converted and insert 4 keyframes in frame 8, 15, 23 and 30.

8- On frame 8, you have to change the color setting to Alpha = 50.
On frame 15, set Alpha = 70
On frame 23, set Alpha = 30
On frame 30, set Alpha = 100


9- Create tweening between frame 1 to frame 30.

Okay, now you have a good glowing single star, next I will show you how to create multiple of this single glowing star and make it a blinking starry night.

10- Exit from the movie clip editing mode window to the main flash stage. When you are in the flash main stage in scence1, Select the white small star movie clip you created earlier on layer 2 and give it an instance name of “star” (see the figure below)


11- Add a new layer and named it as action layer.


12- Click on the first frame of your action layer and open up your action panel (F9)

13- Type the following script in the actionscript panel:

for (var i =0;i<50;i++) { star.duplicateMovieClip("star"+i,i,{_x:Math.random()*350,_y:Math.random()*150}); _root["star"+i].gotoAndPlay(random(30)); }

16- Press Cltr + Enter to test your flash blinking starry night using actionscript.

Congratulation, you have just created a flash star blinking dark night. Next, we shall discuss the reason and actionscript behind this smooth blinking starry night. Click go to blinking starry night discussion. Please check flash addon Too.