我的实例教程——鱼
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-10
14）在时间轴的第1帧上单击鼠标右键，选择“创建补间动画”命令，库中将自动生成一个名为“补间1”的图形元件。
（15）在时间轴上的第8帧单击鼠标右键，选择“插入关键帧”命令；在第16帧也同样插入一个关键帧。
（16）在第8帧上使用箭头工具选中图形，在属性面板的颜色下拉列表框中选择Alpha，将出现在其后的数值框中的数值改为50%，这样，鱼鳍就可以“动”起来了。
（17）按快捷键Ctrl+F8新建一个影片剪辑元件，并命名为body。下面绘制不带鱼鳍的鱼身，其效果及参数如图7所示。 
图7 body元件及其参数
2．为元件添加链接
在添加脚本之前，需要先为元件添加链接，以便在脚本中使用attachMovie命令对它们进行调用。
（1）单击库面板右侧的宽库视图按钮，将库面板展开。
（2）在body元件上单击鼠标右键，在出现的快捷菜单中选择“链接”命令，出现如图8所示“链接属性”对话框。
（3）在“链接属性”对话框中选中为动作脚导出复选框，“标识符”文本框中自动出现默认与元件名相同的链接标识符body。单击“确定”按钮，链接即添加成功。添加链接的步骤如图8所示。 
图8 为影片剪辑元件添加链接
（4）按照相同的方法为fin和head元件添加链接，使用默认的标识符。添加完链接的库面板如图9所示。 
图9 添加完链接的库面板
3．添加脚本
下面只需添加脚本，鱼就可以动起来了。
（1）回到主场景，在动作面板中为第一帧加入以下Actions，对“鱼”进行初始化。 parts = 18; v0 = 12; v1 = 1.5; v2 = 3; var x = new Array(); var y = new Array(); for (i=1; i if (i == 1) { attachMovie("head", "fish"+i, parts+1-i); } else if ((i == 3) or (i == 13)) { attachMovie("fin", "fish"+i, parts+1-i); } else { attachMovie("body", "fish"+i, parts+1-i); } with (_root["fish"+i]) { _xscale = 50-v2*(i-1); _yscale = 60-v2*(i-1); _alpha = 100-(100/parts)*i; } } 其中，parts用来设置鱼的分段数，这里将鱼分成18段。 v0用来控制鱼头与鼠标位置的接近速度，在下一帧的脚本中用来作鱼头与鼠标位置之间距离的除数，以此来控制鱼头在下一时刻需要运动到的位置。 v1用来控制鱼身各段之间的相对运动速度，在下一帧的脚本中用来作鱼身每两段之间距离的除数，以此来控制每一段在下一时刻需要运动到的位置。 v2用来控制鱼身各段的大小递减速度。该段脚本下面的with语句中的_xscale是实例_root["fish"+i]的横向宽度，_yscale就是纵向宽度。它们在50和60像素的基础上以v2*(i-1)的速度递减。_alpha是影片剪辑实例的透明度属性，在此也将其设为递减，以使鱼更具真实感。 上段脚本用var x = new Array();和var y = new Array();定义了两个数组，它们将在下一帧控制鱼位置的脚本中发挥作用。 attachMovie方法将head元件作为第一段，放在第18层级（level），其它部分按18递减。第3和13段放置fin元件，其他段放置body元件。 （2）在时间轴上的第二帧上单击鼠标右键，选择“插入空白关键帧”命令，插入一个空白关键帧。打开动作面板，加入以下Actions，以控制鱼的动作。 x[0] += (_xmouse-x[0])/v0; y[0] += (_ymouse-y[0])/v0; for (i=1; i x[i] = x[i]+(x[i-1]-x[i])/v1; y[i] = y[i]+(y[i-1]-y[i])/v1; } for (i=1; i with (_root["fish"+i]) { _x = (x[i-1]+x[i])/2; _y = (y[i-1]+y[i])/2; _rotation = 90+ (180/Math.PI)*Math.atan2((y[i]-y[i-1]), (x[i]-x[i-1])); } } 前两行脚本将数组x和y的第一个元素 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
关于我的实例教程——鱼的所有评论
