中国设计秀
中国设计秀
  • 当前位置:首页 > 网络设计学院 > Flash教程

Flash ActionScript Filter Class滤镜入门

作者: 源自:中国设计秀 时间:2012-02-08 11:22:12 点击: 关键字:flash,flash教程

Flash 8 最显著的变化是吸收了Director中的位图操作功能,非常棒的功能,让Flash动画也能支持位图的实时运算,再也不用借助于各种Mask去模拟位图特效了。Flash8本身的ActionScript也内置了几款常用的Filter Class滤镜类,包括有Blur (模糊),Bevel(浮雕),DropShadow(阴影),GlowFilter(发光)等,通过简单的AS语法也能快速操作位图达到我们想要的实时特效,今天首先尝试的时候Blur Filter模糊滤镜。k8m网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

打开Flash 8,在Stage中导入要操作的图片,并为MC其命名为myPic_mc;k8m网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

在第一帧上使用以下代码:k8m网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

k8m网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
import flash.filters.BlurFilter; k8m网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
//导入BlurFilter 的package k8m网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
var myBlurfilter:BlurFilter = new BlurFilter(60, 60, 1); k8m网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
/*k8m网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

建立flash.filters.BlurFilter的实例,使用方法为

以此类推,对于其它滤镜,也能方便的通过此方法用AS简单实现。相对于MovieClip的Filter方法, Flash8中的bitmapdata对象则提供了更为强大的对位图操作的功能,bitmapdata除了应用滤镜对象外,通过象素及色彩控制,可以完全创建属于自己的更为丰富的滤镜特效,以后的Flash资源站上肯定将出现一类叫“Flash滤镜”下载了。k8m网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

k8m网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

var myInstanceName: BlurFilter= new BlurFilter(blurX:Number, blurY:Number, quality:Number);k8m网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

blurX和blurY模糊值分别指的是画面横向和纵向的模糊强度,范围从1~100;k8m网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

quality指的是模糊渲染的质量,范围从1~15,默认值为1质量较低,2质量居中,当为3时质量接近Photoshop中的高斯模糊(Gaussian blur),已属较高质量,在大多数应用当中使用1~3的值即可,太高将影响运算效率。k8m网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

*/ k8m网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
var filterArray:Array = new Array(); k8m网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
filterArray.push(myBlurfilter); k8m网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
//向filterArray数组新增一个滤镜对象 k8m网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
myPic_mc.filters = filterArray; k8m网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
/*k8m网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

在新版Flash 8中,movieClip Class已经增加新的方法filters用于应用滤镜对象,但filters方法不直接接收滤镜对象,必须先将滤镜对象装入一个对象数组,再应用于MovieClip,当然,装入对象数组后的滤镜对象也可以通过数组直接修改滤镜对象的属性,例如:k8m网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

filterArray[0].blurX=10; k8m网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
filterArray[0].blurY=10; k8m网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
将blurX,blurY的值重置为10 k8m网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
*/k8m网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

本文引用地址:http://www.cnwebshow.com/
本文关键字:flash,flash教程