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

紫Mer

紫Mer

2016-03-18 15:26

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐Flash实例教程:飞机阴影跟随飞机飞翔-Flash actionscript,无聊中的都看过来。

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

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

先看效果:


源文件:http://www.webjx.com/files/soft/1_090725011356.zip

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

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

 

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/flash/)

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

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

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

 

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

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/flash/)

之后我们为了让飞机和阴影同时运动,我们添加监听时间点的方法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];}
然后可以预览效果了。
展开更多 50%)
分享

猜你喜欢

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

FLASH flash教程
Flash实例教程:飞机阴影跟随飞机飞翔-Flash actionscript

Flash教程:火苗跟随鼠标-Flash实例教程

FLASH flash教程
Flash教程:火苗跟随鼠标-Flash实例教程

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

跟随鼠标移动flash的制作教程-Flash实例教程

FLASH flash教程
跟随鼠标移动flash的制作教程-Flash实例教程

Flash as入门(20):制作时钟的实例教程-Flash actionscript

FLASH flash教程
Flash as入门(20):制作时钟的实例教程-Flash actionscript

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Flash实例教程:模拟海底世界-Flash实例教程

FLASH flash教程
Flash实例教程:模拟海底世界-Flash实例教程

Flash AS3实例教程:简单的转动的星星-Flash actionscript

FLASH flash教程
Flash AS3实例教程:简单的转动的星星-Flash actionscript

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

FreeHand 绘制鲜花

FreeHand 绘制鲜花

FreeHand 利用滤镜填充快速编辑裁切内容

FreeHand 利用滤镜填充快速编辑裁切内容
下拉加载更多内容 ↓