“核桃司康”通过精心收集,向本站投稿了7篇Flash教你如何制作火苗跟随鼠标,下面是小编给大家带来的Flash教你如何制作火苗跟随鼠标,以供大家参考,我们一起来看看吧!
- 目录
篇1:Flash教你如何制作火苗跟随鼠标
教程贴士:本例讲解了使用AS代码制作鼠标跟随效果,让火苗跟着你的鼠标呈现出美丽的图形吧!
本例讲解了使用AS代码制作鼠标跟随效果,让火苗跟着你的鼠标呈现出美丽的图形吧!
效果演示:
现在开始制作:
新建flash文档,背景色为黑色,其它默认,首先来画火苗:新建图形元件,取名为:“火苗”,用椭园工具无填充,画一椭园,如图:
然后用选择工具,调整成下图形状:
这个图一边是弧形,一边凹进去了一点。一定是这样。
用放射填充,按下图选择颜色,注意最右边色标透明度为零。新建一图层,并将它拉到第一个图层的下面:用椭园工具画一个园,无边框,填充色为淡红色,左色标透明度为20%,右色标透明度为0%。画好后用填充变形工具调整,按下图放好。
注意:火苗填充后,用填充变形工具,将填充中心点调到,火苗一下部,如图:
新建一影片剪辑元件,取名为:“烟”。逐帧插入7个关键帧,用放射填充,左右色标都为白色,左色标透明度为20%,右色标透明度度为0%,每一帧的图形如下:(点击小图看大图)
然后:打开洋葱皮工具,让7帧都行看见,调整7帧图形位置,成如下形状,
接下来再建一影片剪辑元件,取名为闪动的火苗。将火苗元件拖入,在第2帧插入关键帧。在第2帧,选中火苗元件,点“修改”-“变形”-“水平翻转”。上锁。插入新图层,画一无笔触,黄色放射填充,左色标透明度80%,右色标透明度50%,的椭园,放到火苗的下部。如图:
在第2帧插入帧,上锁。再插入新图层,将烟元件拖入,放到火苗的上方,第2帧插入帧,上锁。现在回到主场景,将闪动的火苗拖入场景,随便放个地方。打开属性面板,为元件取名为:hm_mc.然后中,在第3帧插入帧,上锁。插入新图层,取名为:action,在第1帧,打开动作面板,输入如下代码:
vari=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);好了,完工,存盘测试,拖动鼠标看看效果...
篇2:FLASH制作火苗跟随鼠标
本例讲解了使用AS代码制作鼠标跟随效果,让火苗跟着你的鼠标呈现出美丽的图形吧!
效果演示:
现在开始制作:
新建flash文档,背景色为黑色,其它默认。首先来画火苗:新建图形元件,取名为:“火苗”,用椭园工具无填充,画一椭园,如图:
然后用选择工具,调整成下图形状:
这个图一边是弧形,一边凹进去了一点。一定是这样。
用放射填充,按下图选择颜色,注意最右边色标透明度为零。新建一图层,并将它拉到第一个图层的下面:用椭园工具画一个园,无边框,填充色为淡红色,左色标透明度为20%,右色标透明度为0%。画好后用填充变形工具调整,按下图放好。
注意:火苗填充后,用填充变形工具,将填充中心点调到,火苗一下部,如图:
篇3:简单的Flash鼠标跟随制作教程
跟随|教程|鼠标
第一步:建立一个word MC,内有一个在中间的动态文字框,去掉可选,只需要能容纳一个字即可。字的颜色可以自己设定(千万不能是和底色是一样的啊!)
第二步:在library的连接里将word MC输出为word 符号已被以后使用你看前两步很简单吧
以后的也不难,只要你会一点点的action
第三步:(也很容易的)在你想要有移动文字的场景下(可以是主场景,也可以是另外一个mc,我是用的一个mc叫move),将默认层改为action层,然后添加两个关键帧,第二帧里的动作是:
gotoAndPlay(1);
注意:我这里不用mc,而用两帧的循环来替代entframe,我建议大家尽量把程序写在时间轴里,因为这样更有利于程序的管理,和程序运行顺序的选择,程序更一目了然,容易理解,希望大家养成这个好习惯。
第四步:(到这里还不难吧,下面是关键的程序了,就是第一帧的程序)
鼠标跟随关键是要每个文字都要跟随鼠标,但是速度不能一样快,最后停止的位置也不能一样,理解了这一点,程序就很容易理解了。具体程序及说明如下:
if (ip == null) {
Mouse.hide; //隐藏鼠标
lx = 20; // 设置字的间距
string = “当前帧工作室”; // 设置要跟随的文字
wordlenth = string.length;
for (i=0; i this.attachMovie(“word”, “word”+i, i+1); this[“word”+i].word = mbsubstring(string, i+1, 1); //获取mc并把要显示的字一次导入其中显示 } ip = 0; } // delay = 6;// 设置延迟时间,来控制字的移动速度 word0._x += (_xmouse+lx-word0._x)/delay; // 初始化第一个字的位置 word0._y += (_ymouse-word0._y)/delay; for (i=1; i // 确定以后字的移动和位置 delay += 0.5; this[“word”+i]._x += (this[“word”+(i-1)]._x+lx-this[“word”+i]._x)/delay; this[“word”+i]._y += (this[“word”+(i-1)]._y-this[“word”+i]._y)/delay; } 以上就是整个程序了,就这么简单,不难吧^_^, if (ip == null)这句判断是为了数据的初始化,在里面的程序仅执行一次,以后就不执行了。 (这可是非常有用的阿,一定要掌握) 第五步:好了,所有的事都做完了,下面的就是画蛇添足了,就是加上一个自己的鼠标,做一个自己的鼠标mouse放到主场景下,然后在action层里加一句: startDrag (“mouse”, true); 还有就是可别忘了隐藏自己的鼠标啊。
篇4:Flash AS 入门鼠标跟随
本节应掌握的知识要点:
① startDrag和stopDrag应用;②with 语句应用;
鼠标拖拽也是使用比较多的特效形式,这一节我们将学习一个简单的鼠标拖拽动画,要学习以下几个新的语句:
startDrag();动作,使目标影片剪辑在影片播放过程中可拖动。语法格式是:
myMovieClip.startDrag(lock, left, top, right, bottom);
myMovieClip 要拖动的影片剪辑实例名。
Lock 是一个用true或false表示的布尔值,true指定可拖动的影片剪辑锁定到鼠标位置中央,false则为不锁定。
left, top, right, bottom 参数是 相对于影片剪辑的父级坐标的值,可以设置这些值来指定该影片剪辑拖动的左、上、右、下的矩形范围。
小括号中的这些参数是可选的。
stopDrag() 停止拖动当前影片剪辑(不需要参数)
with 语句,可以在小括号中指定对象(比如影片剪辑)作为参数,并使用大括号中的语句计算该对象中的表达式和动作。使用with语句,可以简化代码的书写。语法格式是:
with (动作脚本对象或影片剪辑的一个实例。) {
一个动作或一组动作。 }
实例1-9 鼠标跟随
这是一个及其简单的鼠标拖拽效果,画面上一串彩色星星随着鼠标的移动而翻卷摆动,当我们点击一下右下角的按钮鼠标,星星就不再跟随着鼠标移动,而定位在了刚才点击鼠标的位置,当把鼠标滑过按钮,星星又处于被拖拽状态了。实现这个效果其实非常简单。
看看源文件,库中有两个影片剪辑和一个按钮,xing1是一个星图形的移动渐隐补间动画,xing2中嵌套了几个分别改变了色调的xing1的实例。
主场景上共3帧,有【按钮】、【mc】和【as】三个图层,【mc】图层上放置的是xing2影片剪辑,其实例名为“xing_mc”,【as】图层上和按钮实例上分别添加了如下语句:
【as】图层上的语句:
第1帧
i = 0;
xing_mc._visible = 0;// 设置影片剪辑不可见
xing_mc.startDrag(true,0,0,550,400);
//在 (0,0)至 (550,400) 的矩形范围内拖拽xing_mc影片剪辑。
第2帧:
i = i+1; //变量i每次加1
if (i<=36) { //设置条件i小于或者等于36
xin_mc.duplicateMovieClip(“xin_mc”+i, i);//以新名称“xin_mc”+i,层深度为i复制影片剪辑
with (_root[“xing_mc”+i]) {//定义数组对象_root[“xin_mc”+i]为with语句的参数
_rotation = i*20; //设置新复制影片剪辑的旋转度数
_xscale = xin_mc._xscale+i*5;//设置新复制影片剪辑的横向缩放比例
_yscale = xin_mc._yscale+i*5;//设置新复制影片剪辑的纵向缩放比例
}
} else {
i = 0; //如果不满足if语句里的条件,则i=0
}
第3帧
gotoAndPlay(2);
这段程序的流程很简单,是前面已经学习过的知识,一开始在第1帧定义变量i的初始值为0,设置场景上的影片剪辑实例不可见,并在一个矩形范围内可以由鼠标拖拽,
第2帧先由表达式i=i+1将i的值计算为1,再按照if语句里设定的条件进行判断,符合当i的值小于或等于36条件时就执行大括号“{}”里面的语句块,复制xing_mc影片剪辑,由参数sing_mc+i计算出第1次新复制的影片剪辑名为xing_mc1,并由参数i分配其层深度为1;再由with里面的语句计算出让新复制的影片剪辑顺时针旋转20度,纵横向等比例放大5个百分点。
第一次执行完后,再由第3帧上的语句指令播放头返回第2帧,于是再第二次进行判断并复制影片剪辑,每一次反复时i的值递增1,直至超出设定的条件后由else里面的语句将变量i重新定义为0。
然后再重复上面的判断复制过程,如此反复。
由于在第1帧上设置了作为复制父本的影片剪辑由鼠标拖拽,而新复制出的影片剪辑的坐标位置默认是与父本的坐标一致,所以每次新复制出的影片剪辑的坐标位置就会由当时父本影片剪辑的位置而定,这样就形成了无数彩色星星跟随着鼠标翻卷摆动的动画效果。
第2帧出现了一个with语句,利用这个语句,将影片剪辑或其它对象的引用作为其参数,可以简化程序语句的书写,不必在大括号中的每一行语句前面重复书写对象的名称。
如果不用with语句,要为新复制出的影片剪辑设置属性就应该写成:
_root[“xin_mc”+i]._rotation = i*20;
_root[“xin_mc”+i]._xscale = xin_mc._xscale+i*5;
_root[“xin_mc”+i]._yscale = xin_mc._yscale+i*5;
当用with语句为相同对象设置指令时,语句行越多就越显其优势。
执行了startDrag语句,就可以使指定的影片剪辑在动画播放过程中保持可拖动状态,一次只能拖动一个影片剪辑。直到执行 stopDrag() 停止拖动为止。或直到对其它影片剪辑调用了 startDrag() 动作为止。
现在看看按钮上的语句:
on (rollOver) {
xing_mc.startDrag(true,0,0,550,400); //鼠标滑过按钮时拖拽影片剪辑
}
on (release) {
stopDrag(); //点击按钮时停止拖拽当前影片剪辑
}
通过鼠标滑过按钮和点击鼠标,就可以切换xing_mc影片剪辑的拖拽状态。
篇5:基于Flash ActionScript的鼠标跟随效果制作的探讨
基于Flash ActionScript的鼠标跟随效果制作的探讨
本文阐述如何在Flash中添加ActionScript实现鼠标跟随效果,进一步介绍了Flash作为多媒体制作软件的`强大功能.
作 者:郑业芬 张卫国 作者单位:海南软件职业技术学院,海南琼海,571400 刊 名:湖南中学物理・教育前沿 英文刊名:CUTTING EDGE EDUCATION 年,卷(期):2009 “”(12) 分类号:G434 关键词:ActionScript 鼠标跟随篇6:有趣的Flash鼠标跟随效果
跟随|鼠标
效果简介:该例在鼠标效果中是最基本的了,也是一个比较典型的鼠标实例,效果中小人的眼睛会跟随鼠标移动,这时的鼠标也变成了一串香蕉。因此,这个小人也显得垂涎欲滴。
观看效果:
点击这里下载源文件
制作要点简介:
文章中读者将要学到隐藏和替换鼠标的技术即学习拖动影片剪辑的控制语句。鼠标跟随效果的基础方法,即学习_x属性,_xmouse属性等电影剪辑属性使用方法。以及如何导入素材。
制作步骤:
1.设置场景的大小为400px×30px,背景色为#00659C,帧频为12fps。
2.按快捷键Ctrl+F8打开“创建新元件”面板新建一个名为“鬼脸”的图形元件。然后用“椭圆”工具绘制一个垂涎欲滴的鬼脸,然后制作两个小洞用来放眼睛。方法也很简单,用“椭圆”工具画个圆周,然后用箭头工具把小圈内部删除即可。如图2所示
图 2
3.制作瞳孔。新建一个名为“瞳孔”的影片剪辑元件。如图3所示,在“瞳孔”元件的场景中绘制一个深灰色的圆环,一个黑色的圆,几个白色的小圆就可以了。
图 3
4.制作眼睛。新建一个名为“眼睛”的影片剪辑元件。先用“椭圆”工具在场景中绘制一个颜色#999999的圆。打开库,把“瞳孔”影片剪辑拖拽到场景中,放置在灰色的圆上。注意:“瞳孔”元件的中心要和场景的中心重叠。如图4所示。
图 4
5.点选“瞳孔”元件,然后在“属性”面板里给它起个实例名称“eye”。如图5所示。
图 5
6.点选中“眼睛”元件场景中的第2帧,按F6键插入关键帧(如果你把第2帧灰色的部分变成黄色等明亮的颜色,还可以看到火眼金睛的效果)。右键单击第1帧,在弹出的菜单中选择“动作”命令后键入如下代码:
//属性_xmouse和属性_xmouse用来获取鼠标在X轴和Y轴方向上的坐标值
//属性_x和属性_x用来获取或设定影片剪辑元件在场景中X轴和Y轴方向上的坐标值
//变量i接受的数据是场景原点到鼠标的直线距离
i = Math.sqrt(_xmouse*_xmouse+_ymouse* _ymouse);
eye._x = 25/i*_xmouse;
eye._y = 25/i*_ymouse;
代码中用到了数学对象Math的方法sqrt,其功能是计算数的平方根,
代码中的数字“25”是“瞳孔”元件在主场景中的大小,这样设置主要是为了不让“瞳孔”飞到眼睛外面去。
7.按快捷键Ctrl+F8打开“创建新元件”面板新建一个名为“香蕉”的影片剪辑元件。然后按快捷键Ctrl+R打开“导入”面板,然后找到一个“香蕉”素材导入,如效果图1所示。
8.回到主场景。先从库中把图形元件“鬼脸”拖拽到主场景中。接着再把“眼睛”影片剪辑元件从库中拖拽到主场景中,并复制出一个眼睛。然后把这两个“眼睛”元件放置在眼窝中,如效果图1所示。
9.把“香蕉”影片剪辑元件从库中拖拽到主场景中,点选中“香蕉”元件,在“属性”面板中给它起个实例名称“banana”。然后右键点选中“香蕉”,键入如下代码:
onClipEvent (mouseMove) {
Mouse.hide();
startDrag(“_root.banana”, true);
}
onClipEvent()是一个事件触发器,在前面笔者已经将过,事件mouseMove是在鼠标移动的时候触发事件,执行“{}”中的代码。_root是指定或返回主场景中的影片的引用。如果影片有多个级别,则根影片时间轴位于包含当前正在执行脚本的级别上。例如,如果级别1中的脚本计算_root,则返回_level1。鼠标对象Mouse的方法hide()可以隐藏场景中的鼠标。影片剪辑控制语句startDrag的功能是可以拖动场景中的影片剪辑。
效果完成了最终效果如前所示。现在读者朋友可以按快捷键“Ctrl+Enter”测试一下,笔者相信你做得那个眼睛更加有神。总之,掌握了这个效果,即掌握了鼠标的基本使用方法。
篇7:制作简单的鼠标跟随文字
[步骤]:
1、拉一动态文本,实例名为_txt;转为影片剪辑,实例名为_mc,
2、在帧上写如下代码:
txt_array = [“Gh”,“石”,“头”,“石”,“头”];
//跟随鼠标的文字定义为数组中的元素
for (j=0; j<5; j++) {
_mc.duplicateMovieClip(“_mc”+j, j+100);
this[“_mc”+j]._txt.text = txt_array[j];
//复制影片剪辑并使动态文本中的内容为对应数组中的元素
this[“_mc”+j]._txt.autoSize = true;
this[“_mc”+j]._txt.selectable = false;
//设置动态文本
this[“_mc”+j].vx = this[“_mc”+j].vy=0;
//初始化影片剪辑的变量vx、vy值均为0
}
nEnterFrame. = function () {
mcxy(_mc0, _xmouse, _ymouse);
for (j=1; j<5; j++) {
mcxy(this[“_mc”+j], this[“_mc”+(j-1)]._x, this[“_mc”+(j-1)]._y);
}
};
//运行每一帧时影片剪辑的坐标执行如下自定义函数
function mcxy(_mc, a, b) {
_mc.vx += (a-_mc._x)*.5;
_mc.vy += (b-_mc._y)*.5;
_mc.vx *= .5;
_mc.vy *= .5;
_mc.vx += 4;
_mc._x += _mc.vx;
_mc._y += _mc.vy;
}
★ 小火苗作文
★ 跟随的意思和造句
Flash教你如何制作火苗跟随鼠标(共7篇)




