AS 3 滤镜

AS3.0包括9个滤镜

  • 斜角滤镜(BevelFilter 类)
  • 模糊滤镜(BlurFilter 类)
  • 投影滤镜(DropShadowFilter 类)
  • 发光滤镜(GlowFilter 类)
  • 渐变斜角滤镜(GradientBevelFilter 类)
  • 渐变发光滤镜(GradientGlowFilter 类)
  • 颜色矩阵滤镜(ColorMatrixFilter 类)
  • 卷积滤镜(ConvolutionFilter 类)
  • 置换图滤镜(DisplacementMapFilter 类)

前6个为简单滤镜,后3个为复杂滤镜.复杂滤镜只能由actionscript创建

 

1.斜角滤镜(BevelFilter类)

var mc:MovieClip=new kt();
mc.x=400;
mc.y=300;
addChild(mc);
var bevel:BevelFilter = new BevelFilter();
bevel.distance = 5;//斜角的偏移距离
bevel.angle = 45;//斜角的角度
bevel.highlightColor = 0xFFFF00;//斜角加亮色
bevel.highlightAlpha = 0.8;//加亮色的透明度
bevel.shadowColor = 0x666666;//斜角阴影色
bevel.shadowAlpha = 0.8;//阴影色的透明度
bevel.blurX = 5;//水平模糊量
bevel.blurY = 5;//垂直模糊量
bevel.strength = 5;//印记或跨页的强度
bevel.quality = BitmapFilterQuality.HIGH;//应用滤镜的次数
bevel.type = BitmapFilterType.INNER;//斜角在对象上的位置
bevel.knockout = false;//应用挖空效果
mc.filters = [bevel];// 对图像应用滤镜

2.模糊滤镜(BlurFilter 类)

var mc:MovieClip=new kt();
mc.x=400;
mc.y=300;
addChild(mc);

var blur:BlurFilter = new BlurFilter();
blur.blurX = 10;//水平模糊
blur.blurY = 10;//垂直模糊
blur.quality = BitmapFilterQuality.MEDIUM;//应用滤镜次数(2),LOW为(1),HIGH(3)

mc.filters = [blur];// 对图像应用滤镜

先以两个滤镜作为范例,余下滤镜查帮助书即可

下面做一个渐变的模糊滤镜,达到鼠标指针进入位图后图片渐变模糊,指针移出后位图复原

 var mc:MovieClip=new kt();
mc.x=400;
mc.y=300;
addChild(mc);

var blur:BlurFilter = new BlurFilter();
blur.blurX = 0;//水平模糊
blur.blurY = 0;//垂直模糊
blur.quality = BitmapFilterQuality.LOW;//应用滤镜次数

mc.filters = [blur];// 对图像应用滤镜
var ktt:Boolean=false;

mc.addEventListener(MouseEvent.MOUSE_OVER,onClickOver)
function onClickOver(e:MouseEvent):void
{
 ktt=true;
}
mc.addEventListener(MouseEvent.MOUSE_OUT,onClickOut)
function onClickOut(e:MouseEvent):void
{
 ktt=false;
}
mc.addEventListener(Event.ENTER_FRAME,onOver)
function onOver(e:Event):void
{

 if (blur.blurX<=10&&ktt==true)
 {
 blur.blurX+=.5;
 blur.blurY+=.5;

 }
 if(blur.blurX>0&&ktt==false)
 {
  blur.blurX-=.5;
  blur.blurY-=.5;
 }
 mc.filters=[blur];
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值