[转] AS3.0中的显示编程（八）-- 滤镜（中）

[url]http://windtoto.blog.51cto.com/1986737/405483[/url]

原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://windtoto.blog.51cto.com/1986737/405483
写在前面的话：滤镜的参数不同，显示的效果不同。基于篇幅，我只能列举一种效果做比对，感兴趣的朋友可以自己多做尝试，多体会。

（1）斜角滤镜（BevelFilter）

[img]http://dl.iteye.com/upload/attachment/369011/28b3d3b7-a487-339e-937e-654bdf036929.jpg[/img]

对应滤镜面板：

[img]http://dl.iteye.com/upload/attachment/369013/e4ca75f3-6787-32ff-a708-f15b07f44d49.jpg[/img]

对应AS代码：
var bevel:BevelFilter = new BevelFilter();
bevel.blurX = 15;
bevel.blurY = 15;
bevel.strength = 2;
bevel.quality = BitmapFilterQuality.LOW;
bevel.shadowColor = 0x000000;
bevel.shadowAlpha = 1;
bevel.highlightColor = 0xFFFFFF;
bevel.highlightAlpha = 1;
bevel.angle = 45;
bevel.distance = 5;
bevel.knockout = false;
bevel.type = BitmapFilterType.INNER;
var filtersArray:Array = new Array(bevel);
tt.filters = filtersArray;

（2）模糊滤镜（BlurFilter）

[img]http://dl.iteye.com/upload/attachment/369015/d00b6671-8f70-36a4-9189-334e582b4e0c.jpg[/img]

对应滤镜面板：

[img]http://dl.iteye.com/upload/attachment/369017/d1a7b592-5aaf-32b6-941c-25ccca6aa95b.jpg[/img]

对应AS代码：
var blur:BlurFilter = new BlurFilter();
blur.blurX = 2;
blur.blurY = 2;
blur.quality = BitmapFilterQuality.LOW;
var filtersArray:Array = new Array(blur);
tt.filters = filtersArray;

（3）投影滤镜（DropShadowFilter）

[img]http://dl.iteye.com/upload/attachment/369019/33a5aa74-c6aa-36d7-b2c5-b2b52d87cd07.jpg[/img]

对应滤镜面板：

[img]http://dl.iteye.com/upload/attachment/369021/4d88f50f-9edf-3fed-a1ef-a2b22915a0c5.jpg[/img]

对应AS代码：
var shadow:DropShadowFilter = new DropShadowFilter();
shadow.blurX = 10;
shadow.blurY = 10;
shadow.strength = 1.5;
shadow.quality = BitmapFilterQuality.MEDIUM;
shadow.color = 0x000000;
shadow.alpha = 1;
shadow.angle = 45;
shadow.distance = 5;
shadow.knockout = false;
shadow.inner = false;
shadow.hideObject = false;
var filtersArray:Array = new Array(shadow);
tt.filters = filtersArray;

（4）发光滤镜（GlowFilter）

[img]http://dl.iteye.com/upload/attachment/369023/7e566e6c-2941-3aaf-ae9e-f72a2abefb21.jpg[/img]

对应滤镜面板：

[img]http://dl.iteye.com/upload/attachment/369025/7e0257ee-6837-3570-a273-d6e6693c7fed.jpg[/img]

对应AS代码：
var glow:GlowFilter = new GlowFilter();
glow.blurX = 20;
glow.blurY = 20;
glow.strength = 1.5;
glow.quality = BitmapFilterQuality.MEDIUM;
glow.color = 0x00ff00;
glow.alpha = 1;
glow.knockout = false;
glow.inner = true;
var filtersArray:Array = new Array(glow);
tt.filters = filtersArray;

（5）渐变斜角滤镜（GradientBevelFilter）

[img]http://dl.iteye.com/upload/attachment/369027/19e791df-42b5-38ae-8720-0bfb743c93d5.jpg[/img]


对应滤镜面板：

[img]http://dl.iteye.com/upload/attachment/369029/11ba92c7-f3cb-36b3-b506-760b43353f0b.jpg[/img]

渐变斜角滤镜和斜角滤镜相比，只是把阴影区域和加亮区域用渐变来完成，从而实现更丰富的色彩。AS代码我就不举例了。

（6）渐变发光滤镜（GradientGlowFilter）
[img]http://dl.iteye.com/upload/attachment/369031/8f6020a4-0154-3f34-abad-32d39ec64180.jpg[/img]
对应滤镜面板：

[img]http://dl.iteye.com/upload/attachment/369033/797870aa-b09e-329e-883e-58a1217568a2.jpg[/img]


渐变发光滤镜相比发光滤镜，多了可以渐变的发光区域，以及相应的距离和角度调整。
AS代码我也不举例了。

以上六种滤镜是基本滤镜，也是平时应用的比较多的滤镜。大家只需要知道有这么个东西就行了，至于具体的代码不用记，到时候查一下文档就可以了。
本文出自 “寂寞风之谷” 博客，请务必保留此出处http://windtoto.blog.51cto.com/1986737/405483