Flash教程:AS代码制作跟随鼠标的火苗

2016-01-29 12:30 29 1 收藏

Flash教程:AS代码制作跟随鼠标的火苗,本例讲解了使用AS代码制作鼠标跟随效果,让火苗跟着你的鼠标呈现出美丽的图形吧

【 tulaoshi.com - Flash 】

本文由中国 sanbos 原创,转载请保留此信息!

本例讲解了使用AS代码制作鼠标跟随效果,让火苗跟着你的鼠标呈现出美丽的图形吧

效果演示:

[next]

现在开始制作:

新建flash文档,背景色为黑色,其它默认。首先来画火苗:

新建图形元件,取名为:“火苗”,用椭园工具无填充,画一椭园:

如图:

 

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

然后用选择工具,调整成下图形状:

这个图一边是弧形,一边凹进去了一点。一定是这样。

 

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

用放射填充,按下图选择颜色,注意最右边色标透明度为零。新建一图层,并将它拉到第一个图层的下面:用椭园工具画一个园,无边框,填充色为淡红色,左色标透明度为20%,右色标透明度为0%。画好后用填充变形工具调整,按下图放好。

 

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

[next]

 

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

 注意,火苗填充后,用填充变形工具,将填充中心点调到,火苗一下部,如图:

 

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

新建一影片剪辑元件,取名为:“烟”。逐帧插入7个关键帧,用放射填充,左右色标都为白色,左色标透明度为20%,右色标透明度度为0%,每一帧的图形如下:(点击小图看大图)

 

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

 然后,打开洋葱皮工具,让7帧都行看见,调整7帧图形位置,成如下形状。

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

     

接下来再建一影片剪辑元件,取名为闪动的火苗。将火苗元件拖入,在第2帧插入关键帧。在第2帧,选中火苗元件,点“修改”-“变形”-“水平翻转”。上锁。[next]


插入新图层,画一无笔触,黄色放射填充,左色标透明度80%,右色标透明度50%,的椭园,放到火苗的下部。如图:

   

 

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

在第2帧插入帧,上锁。

再插入新图层,将烟元件拖入,放到火苗的上方,第2帧插入帧,上锁。

现在回到主场景,将闪动的火苗拖入场景,随便放个地方。打开属性面板,为元件取名为:hm_mc.然后中,在第3帧插入帧,上锁。

插入新图层,取名为:action,在第1帧,打开动作面板,输入如下代码:

var i =1;//声明一个变量i,后面有用。
hm_mc._visible = false;//让火苗元件不可见。
在第2帧,插入关键帧,输入如下代码:
if ( i<7) { //将复制7个火苗
hm_mc.duplicateMovieClip("hm"+i,i);//复制火苗
fzhm = eval("hm"+i);//获取新复制火苗的名称
fzhm._x = _xmouse + random(5);//设置复制的火苗的x坐标在鼠标坐标右方5个象素内
fzhm._y = _ymouse - random(5);//设置复制的火苗的y坐标在鼠标坐标上方5个象素内
fzhm._._alpha = random(100);//设置新复制火苗的透明度为随机的。
i++;
} else {
i = 1;//如果火苗已复制了7个上,将i设为1,以便复制可以重复进行。
}
在第3帧插入关键帧,输入如下代码:
gotoAndPlay(2);
好了,完工,存盘测试,拖动鼠标看看效果。

与本文相关讨论请到论坛与作者交流:http://bbs.jcwcn.com/viewthread.php?tid=175468

来源:http://www.tulaoshi.com/n/20160129/1486404.html

延伸阅读
标签: flash教程
先看效果,紧紧跟随鼠标的按钮说明文字: 我以一个按扭为例来详细讲解制作过程。 第一步:新建文件,创建按钮新元件(名为文章,你可以随你的意愿任取),绘制按钮。回到场景中,打开库,在图层1中的第一帧处把文章元件拖入场景中。 第二步:创建影片剪辑新元件,(名为信息,同样,你可以随你的意愿任取...
标签: FLASH flash教程
本文由 清风掠影 原创,转载请保留此信息! 明亮的屋子忽然暗了下来,原来是停电了,这时第一件事就是拿出一根蜡烛,tulaoShi.com点上~~~ 一、打开FLASH,新建一个影片剪辑元件,命名为“火柴”,绘制一根火柴(如图1),在41帧插入关键帧,在动作面版中输入gotoAndPlay(35);,插入一层,在第35帧插入关键帧,绘制火焰,在38帧插入关键帧,把火...
标签: FLASH flash教程
本文由 清风掠影 原创,转载请保留此信息! 前些天看到有些朋友想学鼠标跟随,所以先做一个简单的实例给大家练习下~ 先看下效果~用鼠标点下水面试试: 新建一个空白的FLASH文档,按Ctrl+F8新建一个名为“蜻蜒”的图形元件 在元件中绘制蜻蜒,(如果不会画,就导入一张图片替代也行的) 按Ctrl+F8再新建一个名为“蜻蜒飞”的影片...
标签: flash教程
本文由 中国 sanbos 原创,转载请保留此信息!   本系列Flash教程由中国Flash互助课堂专为Flash新手制作,更多教程和练习请 点击这里 ,在这里有系列的教程、练习,并有老师对练习进行点评与指导,欢迎朋友们的光临!   请在舞台上拖动鼠标,看效果: 现在来制作.先建三个影片剪辑,分别如下图: 元件1: 元件...
标签: flash教程
本文由中国 wytan 原创,转载请保留此信息! 本例教朋友用Flash制作鼠标跟随效果,用鼠标拖动萝卜,兔兔眼睛总盯住萝卜,很可爱噢 效果演示: [next] 制作方法: 一、做三个元件 1、插入新元件,行为电影剪辑,命名为兔子。画出兔子的外形,也可以画其他动物,只是眼珠不画。如果要兔子耳朵、嘴巴、手动...

经验教程

744

收藏

28
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部