Flash实例教程:飞机阴影跟随飞机飞翔

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

先看效果：

源文件：http://www.webjx.com/files/soft/1_090725011356.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];
}

然后可以预览效果了。

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!