本Flash教程教你利用阴影滤镜制作一个阴影跟随的动画效果，主要方法是通过AS3为影片剪辑添加阴影动画。

先看效果：

源文件：/upload/tech/20100104/20100104135323_07e1cd7dca89a1678042477183b7ac3f.zip

创建一个FLASH文档(Actionscript 3.0)然后保存为AnimateShadow.fla.

图层1命名为plane然后倒入一个飞机图片，转换为影片剪辑，名称为plane_mc.

 

然后创建一个新层命名为actions，然后选择第一帧，打开动作面板。

这里我们主要应用阴影滤镜

这里为了让大家能很好的理解这个滤镜，我们设置如下

 

其实这里我们用AS3代码就可以实现

var shade:DropShadowFilter = new DropShadowFilter();
shade.color = 0x333333;
shade.blurX = 0;
shade.blurY = 0;
shade.angle = 90;
shade.distance = 120;
shade.alpha = .5;

之后我们为了让飞机和阴影同时运动，我们添加监听时间点的方法ENTER_FRAME来实现、

stage.addEventListener(Event.ENTER_FRAME, animateShadow);

然后我们用一个函数来控制阴影运动，首先我们定义飞机的X坐标为5开始，然后修改DropShadowFilter的blurX 和blurY 最后调用阴影。

function animateShadow(event:Event):void{	plane_mc.x += 5;	shade.blurX += 0.2;	shade.blurY += 0.1;	plane_mc.filters = [shade];
}

最终动作面板中完整的代码：

var shade:DropShadowFilter = new DropShadowFilter();
shade.color = 0x333333;
shade.blurX = 0;
shade.blurY = 0;
shade.angle = 90;
shade.distance = 120;
shade.alpha = .5;
stage.addEventListener(Event.ENTER_FRAME, animateShadow);
function animateShadow(event:Event):void{	plane_mc.x += 5;	shade.blurX += 0.2;	shade.blurY += 0.1;	plane_mc.filters = [shade];
}

然后可以预览效果了。

评论 (0) All

登陆 还没注册？