Flash AS3教程：创建好看的遮罩动画效果.docVIP

Flash AS3教程：创建好看的遮罩动画效果1、新建Flash文件，导入所需的图片到舞台，设置舞台属性的宽、高同图片相同大小。2、将图片设置为左对齐、上对齐。右键单击图片转换成影片剪辑，命名为“Background”，设置注册点为居中。图1：3、将图层1改名为背景，在属性面板中输入实例名称：“backgroundImage” 锁定。图2：4、新建一个图层，用椭圆工具画一个禁止笔触的50*50的圆，填充色任意。5、把圆转换成影片剪辑，设置如下。图3：6、删除舞台上的圆，图层改名为as。至此fla的美工已全部完成。7、新建ActionScript文件，编写一个外部的MyMask.as文件。在编译器中输入代码： ? package?{ ????????import?flash.display.MovieClip; ????????public?class?MyMask?extends?MovieClip?{ ????????????????//Mask’s?x?and?y?speed ????????????????public?var?speedX:Number; ????????????????public?var?speedY:Number; ????????????????//Set?the?given?scale?for?this?mask,?when?we?create?a?new ????????????????//mask?object ????????????????public?function?MyMask(scale:Number)?{ ????????????????????????this.scaleX?=?scale; ????????????????????????this.scaleY?=?scale; ????????????????} ????????} } 这是一个名为MyMask.as的遮罩类，保存在fla文件的同一目录下。8、切换到fla，在as层输入代码： //We?use?an?array?to?hold?all?our?masks. //(Except?the?mask?that?follows?our?cursor) var?masks:Array?=?new?Array(); //We?add?all?of?the?masks?to?a?container var?maskContainer:Sprite?=?new?Sprite(); //Set?the?maskContainer?to?be?the?image’s?mask backgroundImage.mask?=?maskContainer; //Add?the?container?on?the?stage addChild(maskContainer); //Create?the?mask?which?follows?cursor?movement?(master?mask) var?masterMask:MyMask?=?new?MyMask(1); //Set?the?master?masks’s?coordinates?to?match?cursor’s?coordinates masterMask.x?=?mouseX; masterMask.y?=?mouseY; //Add?the?master?mask?to?a?container maskContainer.addChild(masterMask); //Cache?the?image?and?container?as?bitmap,?so?we //can?animate?the?alpha?of?the?masks maskContainer.cacheAsBitmap=true; backgroundImage.cacheAsBitmap=true; //Create?a?timer?that?is?called?every?0.2?seconds var?timer:Timer?=?new?Timer(200,0); timer.addEventListener(TimerEvent.TIMER,?timerEvent); timer.start(); //This?function?is?called?every?0.2?seconds. //We?create?a?new?mask?in?this?fu