文章导航PC6首页软件下载单机游戏安卓资源苹果资源

pc软件新闻网络操作系统办公工具编程服务器软件评测

安卓新闻资讯应用教程刷机教程安卓游戏攻略tv资讯深度阅读综合安卓评测

苹果ios资讯苹果手机越狱备份教程美化教程ios软件教程mac教程

单机游戏角色扮演即时战略动作射击棋牌游戏体育竞技模拟经营其它游戏游戏工具

网游cf活动dnf活动lol周免英雄lol礼包

手游最新动态手游评测手游活动新游预告手游问答

您的位置:首页网页设计Flash → 鼠标效果系列教程:游动的鱼

鼠标效果系列教程:游动的鱼

时间:2004/11/7 2:26:00来源:本站整理作者:蓝点我要评论(0)


            
             
              
             
            

               
               

            



            

  有了上一节的基础,现在我们可以做一个更华丽的效果—追逐鼠标游动的鱼。如下所示。




pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="413"
height="403">


  打开Flash MX,建立影片,设置好场景大小、背景颜色和帧频。


鱼的制作


  我们把鱼分成三个部分来制作:鱼头、鱼鳍和鱼身。


  先来制作鱼头。新建个影片剪辑叫“鱼头”。如果对话框的扩展面板没打开,点击“高级选项”按钮打开它。在“链接”的选项中,勾选“为动作脚本导出”,在“标识符”一栏中,会自动出现“鱼头”这个名称。为了让大家分清楚影片剪辑在库中的名称和它的标识符的区别,我们把它改为“head”。注意,这个head就是影片剪辑“鱼头”的idName。将来我们用attachMovie语句从库中调用“鱼头”时,就要用到它。如图1



图1


  进入符号编辑区,使用绘图工具绘制一个鱼头,可以使用椭圆工具先绘制一个椭圆,然后使用箭头工具对其进行调整,最后再用椭圆工具绘制两个眼睛。如图2



图2


  提示:使用箭头工具指向打散图形的边缘,当箭头尾部出现一个小圆弧时,按住鼠标左键拖动,就可以编辑图形的形状了。


  鱼头做好后,接下来制作鱼身。新建个影片剪辑名为“鱼身”。绘制出如下形状并设定一个渐变色填充。如图3



图3


  我们也要给它设定一个idName。在库中右键点击鱼身符号,在弹出菜单中选“链接…”。接着在弹出的链接属性对话框中,在标识符栏里填入“body”。如图4



图4


  最后来制作鱼鳍。再新建个影片剪辑叫鱼鳍,idName为“fin”。进入编辑区,在第一帧绘制出鱼鳍的形状。如图5



图5


  分别在第15帧和第30帧按F6插入关键帧。我们要做鱼鳍来回扇动的动画。来到第15帧,用箭头工具编辑形状并用混色器面板调节一下颜色。最后如图6



图6


  将第1帧和第15帧都设为形状渐变。


  好,鱼儿三部分的制作就完成了。下面就是动作脚本的编写了。


  在场景的第1帧,加入如下动作:


// 初始化鱼儿
N = 20; //鱼的长度
for (i=1; iif (i == 1) { //第1节是鱼头
attachMovie("head", "Pieza"+i, (N+1)-i);
} else if ((i == 4) || (i == 14)) { //第4和14节是2个鱼鳍
attachMovie("fin", "Pieza"+i, (N+1)-i);
} else { //其它的都是鱼身
attachMovie("body", "Pieza"+i, (N+1)-i);
}
//设置大小和透明度
this["Pieza"+i]._xscale = 100-3*i;
this["Pieza"+i]._yscale = 100-3*i;
this["Pieza"+i]._alpha = 100-((100/N)*i);
}


  这里介绍一下attachMovie的用法:


myMovieClip.attachMovie( idName, newName, depth [, initObject] )


参数


idName


  库中要附加到舞台上某影片剪辑的影片剪辑元件的链接名称。这个我们在前面已经反复强调了,相信大家还没忘吧?要把它和库中显示的元件名区别开,元件名只是个记号,编程时是用不到的。


newname


  附加到该影片剪辑的影片剪辑实例的唯一名称。


depth


  一个整数,指定影片所放位置的深度级别。


initObject


  一个包含属性的对象,这些属性可用于填充新附加的影片剪辑。此参数使动态创建的影片剪辑能够接收剪辑参数。如果 initObject 不是对象,则将被忽略。initObject 的所有属性都会被拷贝到新实例中。构造函数可使用由 initObject 指定的属性。此参数是可选的,我们这里用不到它。


返回


无。


说明


  方法;从库中取一个元件并将其附加到舞台上由 MovieClip 指定的影片中。使用 removeMovieClip 或 unloadMovie 动作或方法可删除用 attachMovie 附加的影片。


  第2帧的动作脚本:


//此帧控制鱼的移动
R = 12; //调节移动速度的参数
//控制鱼头跟随鼠标移动
Pieza1._x+=(_xmouse-Pieza1._x)/R;
Pieza1._y+=(_ymouse-Pieza1._y)/R;
//控制鱼头转向鼠标的方向
Pieza1._rotation = 57.29578*Math.atan2(_ymouse-Pieza1._y,_xmouse-Pieza1._x);
//控制鱼身跟随鱼头
for (i=2; ithis["Pieza"+i]._x+=(this["Pieza"+(i-1)]._x-this["Pieza"+i]._x)/2;
this["Pieza"+i]._y+=(this["Pieza"+(i-1)]._y-this["Pieza"+i]._y)/2;
this["Pieza"+i]._rotation=57.29578*Math.atan2(this["Pieza"+(i-1)]._y-this["Pieza"+i]._y,this["Pieza"+(i-1)]._x-this["Pieza"+i]._x);
}


  关于跟随的语句,不用多作解释了吧。不过有的朋友可能对“+=”这个操作符不太熟悉。“A+=B”表示什么呢?它其实就等价于“A=A+B”。同理,“A-=B”就相当于“A=A-B”。


  控制鱼的转向时,用到了一个数学对象:Math.atan2()。看一下它的用法:


Math.atan2(y, x)


参数


x 一个数字,指定点的 x 坐标。
y 一个数字,指定点的 y 坐标。


返回


一个数字。


说明


  方法;以弧度为单位计算并返回 y/x 的反正切值。返回值表示相对直角三角形对角的角,其中 x 是临边边长,而 y 是对边边长。简单的说,就是根据点的坐标来求角。但它返回的是个弧度值,我们还要把它转变成度数才能用到_rotation属性中。用下面这个公式来计算:


度数=弧度*180/3.14159265=弧度*57.29578


  第3帧的action只有一句:


gotoAndPlay(2);


  返回第2帧,做成一个循环,使鱼儿不停游动。


  好,本例的制作就完成了。通过这一节的学习,我们又掌握了几个知识点:


  一、 idName的设置。可以在创建符号时就设好,也可以给做好的符号添加。


  二、 attachMovie的用法。


  三、 利用两点坐标求角度:Math.atan2(y2-y1,x2-x1) 注意是y在前面哟。


源文件下载

相关阅读 Mac访问Windows共享文件夹Windows 7正版系统验证方法windows 8.1系统版本号查看方法Windows 8.1系统电话激活时无法输入微软返回代码解决方法Windows 8如何调整屏幕分辨率windows8.1磁盘占用100%解决方法Mac双系统如何删除Boot Camp安装的Windows分区Apple教你如何在Mac 上运行 Windows

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 Flash CS4基础入门 如何在Flash中打开一个定制的浏览器新窗口?学习ActionScript 3.0的6个好处几个小技巧精简Flash文件体积在Flash动画中添加“加为收藏”和“设为首页

人气排行 Flash游戏制作--小熊拼图Flash制作动画知识:遮罩用Flash实现几种镜头效果鼠标效果系列教程:游动的鱼Flash如何做鼠标指针样式Flash制作声情并茂的电子相册FlashMX经典实例-文字类:倒影字Flash遮罩特效实例--百叶窗效果