colorTransform:简单的颜色变化。其中包含整体调整显示对象颜色的值。
可使用 ColorTransform 类调整显示对象的颜色值。可以将颜色调整或颜色转换应用于所有四种通道:红色、绿色、蓝色和 Alpha 透明度。
当 ColorTransform 对象应用于显示对象时,将按如下方法为每个颜色通道计算新值:
- 新红色值 = (旧红色值 *
redMultiplier
) +redOffset
- 新绿色值 = (旧绿色值 *
greenMultiplier
) +greenOffset
- 新蓝色值 = (旧蓝色值 *
blueMultiplier
) +blueOffset
- 新 Alpha 值 = (旧 Alpha 值 *
alphaMultiplier
) +alphaOffset
如果计算后任何一个颜色通道值大于 255,则该值将被设置为 255。如果该值小于 0,它将被设置为 0。
可以通过下列方式使用 ColorTransform 对象:
- 在 BitmapData 类的
colorTransform()
方法的colorTransform
参数中 - 作为 Transform 对象(此对象可以用作显示对象的
transform
属性)的colorTransform
属性
必须使用 new ColorTransform()
构造函数创建 ColorTransform 对象后,才能调用 ColorTransform 对象的方法。
颜色转换不会应用于影片剪辑(如加载的 SWF 对象)的背景色,它们仅应用于附加到影片剪辑的图形和元件。
flash.filters包中的滤镜,常用的有这几个:
BlurFilter:可使用 BlurFilter 类将模糊视觉效果应用于显示对象。
可使用 BlurFilter 类将模糊视觉效果应用于显示对象。模糊效果可以柔化图像的细节。您可以生成一些模糊效果,范围从创建一个柔化的、未聚焦的外观到高斯模糊(就像通过半透明玻璃查看图像一样的朦胧的外观)。当此滤镜的 quality
属性设置为低时,结果为柔化的、未聚焦的外观。当 quality
属性设置为高时,该属性接近高斯模糊滤镜。您可以将滤镜应用于任何显示对象(即,从 DisplayObject 类继承的对象),例如 MovieClip、SimpleButton、TextField 和 Video 对象,以及 BitmapData 对象。
要创建新的滤镜,请使用构造函数 new BlurFilter()
。滤镜的具体使用取决于要应用滤镜的对象:
- 要对影片剪辑、文本字段、按钮和视频应用滤镜,请使用
filters
属性(继承自 DisplayObject)。设置对象的filters
属性不会修改相应的对象,而清除filters
属性可以删除相应的滤镜。 - 要对 BitmapData 对象应用滤镜,请使用
BitmapData.applyFilter()
方法。对 BitmapData 对象调用applyFilter()
会取得源 BitmapData 对象和滤镜对象,并最终生成一个过滤图像。
如果对显示对象应用滤镜,显示对象的 cacheAsBitmap
属性将设置为 true
。如果删除所有滤镜,将恢复 cacheAsBitmap
的原始值。
此滤镜支持舞台缩放。但是,它不支持常规缩放、旋转和倾斜。如果对象本身进行了缩放(scaleX
和 scaleY
未设置为 100%),滤镜效果将不进行缩放。只有用户在舞台上进行放大时它才会缩放。
GlowFilter:使用 GlowFilter 类可以对显示对象应用发光效果。
ColorMatrixFilter:使用 ColorMatrixFilter 类可以将 4 x 5 矩阵转换应用于输入图像上的每个像素的 RGBA 颜色和 Alpha 值,以生成具有一组新的 RGBA 颜色和 Alpha 值的结果。
使用 ColorMatrixFilter 类可以将 4 x 5 矩阵转换应用于输入图像上的每个像素的 RGBA 颜色和 Alpha 值,以生成具有一组新的 RGBA 颜色和 Alpha 值的结果。该类允许饱和度更改、色相旋转、亮度为 Alpha 以及各种其他效果。您可以将滤镜应用于任何显示对象(即,从 DisplayObject 类继承的对象),例如 MovieClip、SimpleButton、TextField 和 Video 对象,以及 BitmapData 对象。
参考如下文章:
一开始觉得AS3的滤镜很难使用,尤其是那些矩阵,让人望而生畏。最近写一个聊天模块,要用到离线状态下的灰色头像,于是认真研究了ColorMatrixFilter,发现其实也没有那么难。所谓的矩阵其实就是一个再普通不过的Array,只要弄懂这个Array各个元素的关系就很容易使用滤镜。
先发代码,下面再详细介绍。这个程序实现加载一张彩色图像,通过滤镜变成黑白图像之后输出。
[java] view plaincopy
- package {
- import flash.display.Bitmap;
- import flash.display.Loader;
- import flash.display.Sprite;
- import flash.events.Event;
- import flash.filters.ColorMatrixFilter;
- import flash.net.URLRequest;
- public class ColorFilterSample extends Sprite
- {
- private var loader:Loader;
- public function ColorFilterSample()
- {
- loader=new Loader();
- loader.contentLoaderInfo.addEventListener
- (Event.COMPLETE, onComplete);
- loader.load(new URLRequest("hehua.jpg"));
- }
- private function onComplete(e:Event):void{
- //加载一张彩色图片
- var image:Bitmap=new Bitmap();
- image=Bitmap(loader.content);
- //定义滤镜matrix,一个包含20个项的数组
- var matrix:Array=[0.3086, 0.6094, 0.0820, 0, 0,
- 0.3086, 0.6094, 0.0820, 0, 0,
- 0.3086, 0.6094, 0.0820, 0, 0,
- 0, 0, 0, 1, 0];
- //初始化一个ColorMatrixFilter对象(matrix作为参数)
- var myfilter:ColorMatrixFilter=new ColorMatrixFilter(matrix);
- //将滤镜应用于图片
- image.filters=[myfilter];
- addChild(image);
- }
- }
- }
首先定义一个matrix数组:一个包含20个浮点数的数组。AS3.0帮助文档中的计算公式是这样的:
redResult = (a[0] * srcR) + (a[1] * srcG) + (a[2] * srcB) + (a[3] * srcA) + a[4]
greenResult = (a[5] * srcR) + (a[6] * srcG) + (a[7] * srcB) + (a[8] * srcA) + a[9]
blueResult = (a[10] * srcR) + (a[11] * srcG) + (a[12] * srcB) + (a[13] * srcA) + a[14]
alphaResult = (a[15] * srcR) + (a[16] * srcG) + (a[17] * srcB) + (a[18] * srcA) + a[19]
上面的公式看起来有点复杂,没关系,再看下面的图示就清晰多了:
srcR srcG srcB srcA offset
redResult a[0] a[1] a[2] a[3] a[4]
greenResult a[5] a[6] a[7] a[8] a[9]
blueResult a[10] a[11] a[12] a[13] a[14]
alphaResult a[15] a[16] a[17] a[18] a[19]
srcR,srcG,srcB,srcA表示原始图像每个像素的RGBA值(关于像素颜色的RGBA值请查阅手册,这里不再展开),redResult,greenResutl,blueResult,alphaResult表示目标图像的RGBA值。上面公式的意思是说:redResult的值是a[0]、a[1]、a[2]、a[3]分别与 srcR,srcG,srcB,srcA相乘,再加上a[4]的总和(a[4]是偏移量)。greenResutl,blueResult,alphaResult以此类推。这样说应该很容易理解了吧?
好吧,这个公式无非就是说原始图像的像素值,通过和这个数组交叉相乘,得到目标图像的像素值。
很明显,我们给这个数组定义不同的值,则会得到不同的结果,目标图像的效果也不一样。这里要得到灰度图像应该使用这个数组:
[0.3086, 0.6094, 0.0820, 0, 0,
0.3086, 0.6094, 0.0820, 0, 0,
0.3086, 0.6094, 0.0820, 0, 0,
0, 0, 0, 1, 0];
这个数组凭什么得来的呢?应该是某些大师实验得到的吧,百度可以搜索到这方面的专业论述,我这里就说一下大概意思。话说取得原始图像的RGB值,计算得到它们的平均值之后再赋给新的RGB值,这样对每个像素处理之后就得到黑白图像了,或者可以理解成RGB值按照0.33 : 0.33 : 0.33的权值重新分配;后来有些大师研究得到结论:如果RGB值按照0.3086 : 0.6094 : 0.0820的比例分配,得到的灰度图像看起来最顺眼,于是就有了上面的数组!顺便再提一下,这里的alpha值没有改变(那个数字1,你懂的),还有偏移量都为0。
好了,明白了这个数组之后,将其作为参数传进ColorMatrixFilter的构造函数,生成一个滤镜实例myfilter,再将myfilter添加到图像即可。或许有些童鞋还要问为什么用image.filters=[myfilter]这条语句来添加滤镜?好的,我并不打算好人做到底,童鞋请回家看AS帮助文档吧^_*