Image programming in actionscript3 games)

Total Directory: http://blog.csdn.net/iloveas2014/article/details/38304477

 

3.1.4 gradient principle in a simple Filter

Let's take a brief look at the gradient bar in the filter.

To minimize the interference caused by complex text outlines, I used squares again for the test.

I drew a purple square (which doesn't matter in color), and then added a gradient light filter to increase the Blur and distance values so that I can see the outline of the gradient, then add several colors to the gradient bar (Figure 3.30) at will)
 

Figure 3.30 gradient luminescence with a large blur range

As you can see, the color on the gradient bar spreads outward from right to left along the profile of the filter layer until it fades out of the stage. All the areas outside the gradient scope (inside the image) use the rightmost color. How do we determine the gradient scope?

I think of an inaccurate approach: Add a color as close as possible to the right edge. (Fig. 3.31)
 

Figure 3.31 the rightmost gradient point actually has two color slide

With such a point, we can accurately measure the width of the gradient contour. According to the test, the distance between two purple crosslines in Figure 3.31 is very close to 40 pixels (the error is within 1 pixel ).

You can test the effects of other pixels or try to make the values of fuzzy X and fuzzy y different by 3.32.
 

Figure 3.32 case where fuzzy X is not equal to fuzzy y

When the Blur value does not exceed the square size, the size of the gradient area is basically the same as that of the Blur value, and the error is less than 1 pixel.

 

Another extreme case that can prove this conclusion: When the Blur value is set to 0, all the gradient areas are pushed to the outermost layer of a fine box with a width less than 1 pixel (Figure 3.33)
 

Figure 3.33 when the Blur value is 0, all gradient colors are squeezed to the edge, almost invisible

In addition, the intensity also controls the size of the gradient area. After knowing that light is a special case of gradient light, this is not hard to understand.

In my gradient light, the aperture fades out from the inside out. Is this trend inevitable? Of course not! Fade-out is only the default setting, and it is also a special case used in the projection filter. We can completely break this rule! For example, change the opacity of various colors to 100%. (Although the leftmost bar cannot change the transparency (Figure 3.34 ), but we can use the method we mentioned before -- add a gradient point near the left side as much as possible to complete this operation (Figure 3.35)
 

Figure 3.34 transparency of the outermost glow layer cannot be changed
 

Figure 3.35 remove the outer edge of the aperture with the Overlord's hard bow

There is no vague feeling, because I set the outermost edge to completely non-transparent. In fact, the Blur parameter in the Flash filter (excluding the fuzzy filter) controls the size of the gradient effective area. When the opacity changes according to the rules from 0, the increasing gradient effective area can make the audience blur.

It is probably because the edge is a little stiff after the outermost ring is set to opacity, so flash ide does not allow us to change the opacity of the outermost ring of the aperture.

We can even flip the transparency to make a three-dimensional word with relief (Figure 3.36)
 

Figure 3.36 embossed effect with gradient light

Is there a feeling of deja vu? That's right. It's a bit similar to the projection contour we created in Photoshop!

When various parameters can subvert the tradition, when light is no longer just light, when things are beyond the scope of human cognition, and when the volume changes to a certain extent, where will everything go? Things will go beyond the limit to achieve a qualitative leap! This kind of leap is often beyond the reach of ordinary people, and we call it "amazing "!

Next, let's go to the next section to join us in this wonderful world!