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

作者:网络 来源:佚名 更新时间:2009-07-25 01:05:14 点击:

本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];
}
然后可以预览效果了。