Flash专栏: 基础教程 | 技巧运用 | MTV实例教程 | 游戏实例教程 | 实例教程 | AS教程(new)
photoshop专栏: 基础 | 进阶 | 技巧总汇 | 精彩实例 | 文字特效 | 滤镜魔术 | 实际应用
网页设计: Dreamweaver教程 | FireWorks教程 | CorelDraw设计 | Freehand/Illustrator教程 | 音乐转换教程
首页 | Flash专栏 | Dreamweaver专栏 | FireWorks专栏 | photoshop精彩教程 | CorelDraw教程 | Freehand/Illustrator教程 | 音频视频制作教程
 
Flash专栏>flash实例教程>Flash实例教程:飞机阴影跟随飞机飞翔

  日期:2009-07-25 15 作者: 来源:网页教学网

本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];
}

然后可以预览效果了。

 
 
高手云集 版权所有 1998-2009