Flash as Advanced Tutorial: Implementing dynamic Blur effect

Source: Internet
Author: User
Tags empty
Dynamic | tutorials

In some of the titles or MV animation we often see a very bright blur effect, very visual impact. Most of the high quality of fuzzy effects are used in bitmaps and other software (such as: Photoshop) processed before importing into flash for production. In fact, in Flash can also use its powerful scripting features to achieve dynamic blur effect (although the effect is almost: P).

Watch this example effect:

Production ideas:

Use the loop and Attachmovie methods to attach movie clips to the stage from the library and control their position and the change in alpha transparency.

Production process:

Step 1:

Start Flash, create a new movie, set the movie size to 450px*100px, the movie background color is dark blue, color code is #000033, frame rate 30fps

  

Step 2:

Press the shortcut key Ctrl+f8 to create a new movie clip symbol named "Text." In the "text" scene, press the shortcut key T,CTRL+F3, and then choose your favorite font, font size, font color in the scene to enter your favorite letter (or symbol), and the letter in the "text" scene in the x, Y coordinates to (0,0). (Use font: Arial black; font size: 35; Color: white; Letter: I Love You)

  

Press the shortcut key Ctrl+f8 to build a movie clip symbol named "Control". This is an empty movie Clip, intended to be used to set up code for control. Press the shortcut key Ctrl+e back to the main scene. Ctrl+l The library file, right-click the "text" Movie Clip, click the linkage up Linkage Properties panel, enter the Movie Clip link Identifier "text" (note: This is the use of Attachmovie A place to note for a function)

  

Next, drag the empty movie clip from the library to the main scene and add code to it:

Onclipevent (load) {

var max = 10;//Declare variable max and assign it a value

var anglestep = 360/max;//declares a variable anglestep and assigns it a value

var rad = (math.pi/180);//declaring variable RAD. 1π=180 in mathematics, setting the Radian value shown in RAD at 1 degrees

for (i=0 I < 循环设置="">

_root.attachmovie ("text", "text" Add I, 10+i);

Use Attachmovie to append the movie clip with the link identifier in the library to the main scene with the new name "text"

Add I depth for I

}

Initialize some of the variables

d = 0;

Dstep = 0.15;

A = 50;

Astep = 1.25;

}

Onclipevent (enterframe) {

for (i=0 I <>

Dynamically set the movie Clip position attached to the main scene, Alpha transparency

225, 50 of these two numbers, the purpose is to make the letter I love you located in the center of the main scene (movie size 450px*100px)

_root["text" +i]._x = 225+d*math.cos ((anglestep*i) *rad);

_root["text" +i]._y = 50+d*math.sin ((anglestep*i) *rad);

_root["text" +i]._alpha = A;

}

a+= astep;//a Additive

D+=DSTEP;//D Additive

if ((a> 50) | | | (a <-5)) {

When judging a> 50 or a <-5, Astep *=-1, Dstep *=-1;

Where-5 This number controls the length of time required for letters to be visible from unseen. You can try to adjust the 50, -5 of these two experience.

Astep *= -1;//is equivalent to astep=astep*-1;

Dstep *= -1;//is equivalent to dstep=dstep*-1;

Astep *=-1, Dstep *=-1 The purpose of this setting is to make the letters produce

Clear → fuzzy → invisible → fuzzy → clear process

}

}

At this point, the code is set up, ctrl+enter can watch the effect of dynamic blur.



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.