AS3.0中的顯示程式設計（八）-- 濾鏡（中）

寫在前面的話：濾鏡的參數不同，顯示的效果不同。基于篇幅，我隻能列舉一種效果做比對，感興趣的朋友可以自己多做嘗試，多體會。

<b>（</b><b>1</b><b>）斜角濾鏡（</b><b>BevelFilter</b><b>）</b>

<a href="http://windtoto.blog.51cto.com/attachment/201010/14/1986737_1287023159ADVy.jpg"></a>

對應濾鏡面闆：

<a href="http://windtoto.blog.51cto.com/attachment/201010/14/1986737_12870231599BIh.jpg"></a>

對應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;

<b>（</b><b>2</b><b>）模糊濾鏡（</b><b>BlurFilter</b><b>）</b>

<a href="http://windtoto.blog.51cto.com/attachment/201010/14/1986737_1287023160BkyV.jpg"></a>

<a href="http://windtoto.blog.51cto.com/attachment/201010/14/1986737_1287023160Qlnc.jpg"></a>

var blur:BlurFilter = new BlurFilter();

blur.blurX = 2;

blur.blurY = 2;

blur.quality = BitmapFilterQuality.LOW;

var filtersArray:Array = new Array(blur);

<b>（</b><b>3</b><b>）投影濾鏡（</b><b>DropShadowFilter</b><b>）</b>

<a href="http://windtoto.blog.51cto.com/attachment/201010/14/1986737_1287023161yYY3.jpg"></a>

<a href="http://windtoto.blog.51cto.com/attachment/201010/14/1986737_1287023161wfR5.jpg"></a>

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);

<b>（</b><b>4</b><b>）發光濾鏡（</b><b>GlowFilter</b><b>）</b>

<a href="http://windtoto.blog.51cto.com/attachment/201010/14/1986737_12870231626cZK.jpg"></a>

<a href="http://windtoto.blog.51cto.com/attachment/201010/14/1986737_1287023162JBFi.jpg"></a>

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);

<b>（</b><b>5</b><b>）漸變斜角濾鏡（</b><b>GradientBevelFilter</b><b>）</b>

<a href="http://windtoto.blog.51cto.com/attachment/201010/14/1986737_1287023163pPjl.jpg"></a>

<a href="http://windtoto.blog.51cto.com/attachment/201010/14/1986737_1287023163iJqe.jpg"></a>

漸變斜角濾鏡和斜角濾鏡相比，隻是把陰影區域和加亮區域用漸變來完成，進而實作更豐富的色彩。AS代碼我就不舉例了。

<b>（</b><b>6</b><b>）漸變發光濾鏡（</b><b>GradientGlowFilter</b><b>）</b>

<a href="http://windtoto.blog.51cto.com/attachment/201010/14/1986737_1287023164vFep.jpg"></a>

<a href="http://windtoto.blog.51cto.com/attachment/201010/14/1986737_1287023164gJH4.jpg"></a>

漸變發光濾鏡相比發光濾鏡，多了可以漸變的發光區域，以及相應的距離和角度調整。

AS代碼我也不舉例了。

以上六種濾鏡是基本濾鏡，也是平時應用的比較多的濾鏡。大家隻需要知道有這麼個東西就行了，至于具體的代碼不用記，到時候查一下文檔就可以了。

本文轉自 windtoto 51CTO部落格，原文連結：http://blog.51cto.com/windtoto/405483，如需轉載請自行聯系原作者