Flash Highlights Example: Explosion effect Animation

Source: Internet
Author: User
Tags insert

  Effect Demo:

Click here to download the source file

  Production steps:

A long time ago saw this tutorial, but has been saved its source code, online search for a half-day did not find the tutorial, so only to give everyone to do a tutorial!

First, we want to turn on Flash MX 2004. Create a new scene animation, Ctrl+j open the document Properties panel, set the background is black, frame speed for 24~48 (as you are happy, try different frame speed, as long as you feel satisfied on the line. )

1, hold down the SHIFT key in the home scene to draw a no border positive circle (size in the 50x50 pixel or so), open the Color Mixer panel in the fill style select the radioactive fill. Set the left and right two color blocks to white and set the color block alpha value (transparency) to 0 for the outer (right-hand) side.

2, select this circle, press F8 key to convert to graphical symbols, named "Circle."

3, Ctrl+f8 a new movie clip symbol, named "Moving Circle." and drag the image you just made into it. Open the Alignment panel to align its center.

4, in the 3rd frame press F6 key to insert a keyframe, and the "circle" up (to the left and right down, as you pleased) move a piece (about half the body), select the Circle, in the property panel in the Color column, select the Advanced option, click the right "Settings" button to enter the Advanced settings option. Set as follows: At this point, the "round" symbol is yellow.

5. In frame 5th, press F6 to insert a keyframe, move the "circle" Up again (about 3/4 body bits), and change it to Red (g) and B) in the 4th step by setting the value to-255.

6, then in the 11th frame press F6 to insert a key frame, the "circle" moved up again (about a body bit) and changed to Gray.

7, at the 13th frame, press F6 to insert a keyframe, move the circle up again (about one and a half to two digits) and set its Alpha property to 0 (that is, fully transparent).

8. Select this layer and set motion animation for this layer.

9, back to the main scene, the "movement of the Circle" dragged in, the name of the layer changed to "ball", select the Circle in the property panel named "Ball" for future programming to prepare.

10, a new layer in the home scene, named "Action", used to write code.

I=1
while (i<=80) {
Duplicatemovieclip ("Ball", "ball" +i,i);
SetProperty ("Ball" +i,_rotation,random (360));
i++
}
_root.ball._visible=0

The above code means to copy "ball" 80 copies and rotate it randomly to an angle so that "ball" can move in all directions. Finally, the original "Ball" is hidden.

11. Add action to the "ball" movie symbol:

Onclipevent (load) {
This._x+=random (50)
This._y+=random (50)
This._yscale = Random (50) +50;
}

The meaning is: when the movie is tuned in, the coordinates of the x and Y axes are randomly increased (1~50) pixels, and the ratio of the Y axis is randomly changed by about 50%.

12, CTRL + ENTER Test, how?

13, the explosion effect to do it, but if we want to apply this effect to their own flash animation in the "ball" movie symbol in the last frame to add the following statement:

Removemovieclip (this);
_root.gotoandplay (1);

Otherwise, the explosion effect will continue until you close the Flash player, this is not what we want, the program is used to uninstall the copied video.



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.