我的实例教程——鱼
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-10
的值设置为鼠标位置与head位置之间的一个数，使鱼并不是一步到达鼠标所在的位置，而是分几步逐渐接近的。
数组x和y的其他元素的值按当前元素与前一元素的位置差计算出来，同样实现一个分步移动的效果。
for循环语句为将数组中的值分配给鱼的每一段。其中为_rotation赋值的一行代码相当关键。Math.atan2((y[i]-y[i-1]), (x[i]-x[i-1]))返回的是(y[i]-y[i-1])相对于(x[i]-x[i-1])的反正切值的弧度，为它乘以一个(180/Math.PI)可以将其转换为度数。因为库中的影片剪辑是竖直向下的，为其加上90可以使其符合初始状态时的水平方向。
（3）执行第（2）步后并不能使鱼跟着鼠标动起来，因为随着动画的循环放映将不断为鱼的各段赋初始值。现在我们需要在第3帧的位置插入一个关键帧，并在动作面板中为其加入以下一行Actions：
gotoAndPlay(2);
在动画播放到第3帧的时候，将自动跳转到第2帧，构成鱼身的各影片剪辑实例的大小和方向的值将被更新。以此不断循环，一条灵活地跟随鼠标游动的鱼儿就诞生了。效果如图10所示。
图10 跟随鼠标游动的鱼
4．添加莲叶
本例既然叫做“鱼戏莲叶间”，没有莲叶是不行的。下面就为其加入莲叶。
（1）按Ctrl+F8新建一个影片剪辑元件，并命名为“莲叶”。
（2）在莲叶元件的编辑场景中选择“文件”/“导入”命令，将莲叶.jpg图片导入到舞台中。
（3）新建一层，将莲叶图片复制到与图层1相同的位置。
（4）选中图层2中的莲叶图片，选择“修改”/“转换位图为矢量图”命令，在出现的“转换位图为矢量图”对话框中将“颜色阈值”设置为50，将“最小区域”设置为5，如图11所示。单击“确定”按钮将位图转换为矢量图。 
图11 “转换位图为矢量图”对话框
（5）使用箭头工具将图中莲叶及荷花部分以外的水面部分删除。细微部分可以放大后使用套索工具选取并删除。
（6）在图层2上单击鼠标右键，选择弹出快捷菜单中的“遮罩层”命令，将图层2变为遮罩层。
（7）回到主场景，新建一层，从库面板中将“莲叶”影片剪辑拖放到图层2中，并调整其位置和大小到合适位置。
（8）在属性面板中将背景色改为黑色。现在测试影片，发现鱼在莲叶上层游来游去。这可不是我们所要的效果。
（9）选中场景中的“莲叶”影片剪辑，在属性面板中将其实例命名为leaf，如图12所示。 
图12 为“莲叶”影片剪辑实例命名
（10）选中图层2的第1帧，在其动作面板中添加如下Actions：
leaf.duplicateMovieClip("leaf1", 30);
（11）按Ctrl+Enter键测试影片，鱼儿乖乖地钻到了莲叶底下，如图13所示。 
图13 成功地将莲叶置于鱼的上层
5．换一个漂亮的鼠标指针
一幅漂亮的场景中出现一个白色的鼠标指针是不是很不协调？现在就来换掉这个扎眼的指针。
替换鼠标指针使用到了一个小小的技巧，就是在隐藏指针的时候对另一个影片剪辑实例进行拖曳，这样看起来就好像是换了一个鼠标指针。鼠标拖曳用到的Actions是startDrag。
（1）新建一个名为“指针”的影片剪辑元件并进行编辑。
（2）绘制一个小球，并将其宽和高都设为8，对齐舞台的中心。
（3）新建一个图层，将“指针”元件拖放到场景中任意位置。
（4）在属性面板中为“指针”元件指定一个实例名称，这里将其命名为mymouse。
（5）确定该元件为选中状态，在动作面板中为影片剪辑实例mymouse添加如下Actions:
onClipEvent (load) {
startDrag(mymouse, true);
mouse.hide();
}
（6）按组合键Ctrl+Enter测试影片，效果如图14所示 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
关于我的实例教程——鱼的所有评论
