制作简单的鼠标跟随文字
“jerrypang”通过精心收集,向本站投稿了7篇制作简单的鼠标跟随文字,下面给大家分享制作简单的鼠标跟随文字,欢迎阅读!
篇1:制作简单的鼠标跟随文字
[步骤]:
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;
}
篇2:FLASH制作火苗跟随鼠标
本例讲解了使用AS代码制作鼠标跟随效果,让火苗跟着你的鼠标呈现出美丽的图形吧!
效果演示:
现在开始制作:
新建flash文档,背景色为黑色,其它默认。首先来画火苗:新建图形元件,取名为:“火苗”,用椭园工具无填充,画一椭园,如图:
然后用选择工具,调整成下图形状:
这个图一边是弧形,一边凹进去了一点。一定是这样。
用放射填充,按下图选择颜色,注意最右边色标透明度为零。新建一图层,并将它拉到第一个图层的下面:用椭园工具画一个园,无边框,填充色为淡红色,左色标透明度为20%,右色标透明度为0%。画好后用填充变形工具调整,按下图放好。
注意:火苗填充后,用填充变形工具,将填充中心点调到,火苗一下部,如图:
篇3: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);好了,完工,存盘测试,拖动鼠标看看效果...
篇4:简单的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); 还有就是可别忘了隐藏自己的鼠标啊。
篇5:基于Flash ActionScript的鼠标跟随效果制作的探讨
基于Flash ActionScript的鼠标跟随效果制作的探讨
本文阐述如何在Flash中添加ActionScript实现鼠标跟随效果,进一步介绍了Flash作为多媒体制作软件的`强大功能.
作 者:郑业芬 张卫国 作者单位:海南软件职业技术学院,海南琼海,571400 刊 名:湖南中学物理・教育前沿 英文刊名:CUTTING EDGE EDUCATION 年,卷(期): “”(12) 分类号:G434 关键词:ActionScript 鼠标跟随篇6:实例教学Flash鼠标跟随教程:制作馋嘴的...
核心提示:本例教朋友用Flash制作鼠标跟随效果,
实例教学Flash鼠标跟随教程:制作馋嘴的...
,
用鼠标拖动萝卜,兔兔眼睛总盯住萝卜,很可爱噢...
核心提示:本例教朋友用Flash制作鼠标跟随效果。用鼠标拖动萝卜,兔兔眼睛总盯住萝卜,很可爱噢...
篇7:实例教学Flash鼠标跟随教程:制作馋嘴的兔兔
本例教朋友用Flash制作鼠标跟随效果,用鼠标拖动萝卜,兔兔眼睛总盯住萝卜,很可爱噢...
制作方法:
一、做三个元件
1、插入新元件,行为电影剪辑,命名为兔子。画出兔子的外形,也可以画其他动物,只是眼珠不画。如果要兔子耳朵、嘴巴、手动的话,要分层用逐帧改变形状。如图所示:
2、插入新元件,行为电影剪辑,命名为眼睛,确定,进入眼睛编辑窗口。在第一帧画一个跟兔子眼眶一样大小的、没有填充色的圆(这里是30*30),并让其全居中,在里面贴住圆的右边线再画一个没有线条的红色眼珠,然后把眼眶边线的透明度设为0。
新建一个层,选中第一帧,打开“动作-帧”面板,输入以下代码:
this.onMouseMove=function(){; eyeX=_root._xmouse-this._x; eyeY=_root._ymouse-this._y; ang=Math.atan2(eyeY,eyeX)*180/Math.PI; this._rotation=ang }如图所示:
3、插入一个新元件,行为电影剪辑,命名为萝卜,
画出萝卜,选中萝卜,让其居中。如图所示:
二、布置主场景:
新建三个层,由上到下命名为萝卜、眼珠、兔子、背景。
1、选中背景层的第一帧导入一幅你喜欢的背景图。
2、选中兔子层的第一帧,从库拖出拖出兔子MC,放在合适位置。
3、选中眼睛层的第一帧,从库里拖出两个眼睛MC,分别放在兔子的眼眶里。注意也是放在眼眶的右侧(两圆相切)位置。
4、选中萝卜层的第一帧,从库里拖出萝卜MC,放在树下。选中萝卜,并在电影剪辑属性面板命名为“lb”。打开“动作-电影剪辑”面板,输入如下代码:
onClipEvent (mouseMove) {; mouse.hide();; startdrag(“_root.lb”, true); }如图所示:
至此本实例完成,测试、存盘。
【制作简单的鼠标跟随文字】相关文章:
10.PS制作漂亮啤酒效果文字






文档为doc格式