Flash MX设计动物行为效果之蛇篇

　　白白的纸上，一只金光闪闪的蛇在不停地游动，效果逼真。而且，我们可以控制蛇的节数的变化。制作中，大家要注重对编程技巧的研究。 织梦内容管理系统

　　本例效果如下：

本文来自织梦

copyright dedecms

　http://www.5dmedia.com/5dmedia/conimages/web/2002-07/mvyp-08-03-lighter.fla 本文来自织梦

　　设计步骤 织梦内容管理系统

　　打开FlashMX。把场景设置成550px×450px，背景为白色，60fps。

本文来自织梦

　　一、设计元件

　　1.制作金蛇 织梦好，好织梦

　　按快捷键Ctrl F8新建一个名为“snake”的影片剪辑。然后在影片剪辑符号“snake”第1帧的场景里制作一个蛇头，如图1，蛇头的长为18px；高为12px。

　　注重：一定要如图1所示把场景的中心点放在蛇头的中心，防止蛇头和蛇身脱节。 本文来自织梦

图1蛇头的位置 织梦内容管理系统

图2制作蛇节

织梦好，好织梦

　　选中场景中的第2帧，按快捷键F7键新建一个空白要害帧，并如图片2所示制作一个蛇节。蛇节的长为6.5px；高为6.5px。然后分别在第35，70，100帧插入要害帧(按F6)，并把相应帧里的蛇节大小改为(6px，4px)、(6px，1.5px)、(6px，1px)。分别选中第2，35，70帧，然后选择Tween下拉列表里的Shape命令。

本文来自织梦

　　2.制作按钮 copyright dedecms

　　按快捷键Ctrl F8新建一个按钮(根据个人爱好随意设计)，写上“确定”二字。

　　3.设计Action影片(大家可以先跳过这段代码，看下面的步骤) 织梦好，好织梦

　　按快捷键Ctrl F8新建一个名为“action”的影片剪辑。在“action”的场景里右键单击第1帧，选择Actions命令，在弹出的ActionsFrame面板里输入如下代码： dedecms.com

　　tellTarget("_root"){//调用场景中所有的影片

本文来自织梦

　　dx=getProperty("action",_x)-x1;//得到影片“action”在X轴方向上的位移 copyright dedecms

　　dy=getProperty("action",_y)-y1;//得到影片“action”在Y轴方向上的位移 dedecms.com

　　point=Number(point) 1;//蛇的节数加1 dedecms.com

　　if(Number(point)>Number(snake)){

　　point=0;

内容来自dedecms

　　} 本文来自织梦

　　//当蛇的节数增加到默认值时，就把它重置为0，不让这只蛇无限变长 本文来自织梦

　　duplicateMovieClip("head","head"addpoint,point);

织梦好，好织梦

　　//复制“snake”影片，使蛇的节数不断增加

　　x1=getProperty("action",_x);//把影片“action”的x轴坐标赋值给变量x1 copyright dedecms

　　y1=getProperty("action",_y);//把影片“action”的y轴坐标赋值给变量y1 copyright dedecms

　　setProperty("head"addpoint,_x,x1);//把变量x1的值赋值给影片“head” 织梦内容管理系统

　　setProperty("head"addpoint,_y,y1);//把变量y1的值赋值给影片“head” copyright dedecms

　　//以上代码实现了蛇的运动

　　//以下代码实现了蛇节角度的变化，从而使效果逼真

　　if(Number(dx)==0){ 本文来自织梦

　　ror=90;

　　//假如影片“action”在的坐标在x轴方向没有变化，则让影片“snake”的角度为90度。其实这也很好理解，因为蛇的头和节都是水平方向设计的，假如影片“snake”的x轴坐标不变，说明蛇在做垂直运动，“ror=90；”就是让蛇的角度也变垂直。

dedecms.com

　　//ror就是控制蛇节角度的变量 dedecms.com

　　}else{

dedecms.com

　　x=dy/dx;//这个x就是角度的正切值，大家只要画一个简单的示意图就明白了 copyright dedecms

　　if(Number(x)<0.99andNumber(x)>Number(-0.99)){

　　//假如角度值在(-1，1)之间就执行下面的语句

织梦好，好织梦

　　ror=x*40;

　　//本来应该用泰勒展开式计算这个角度值的，但考虑到可能有些朋友不会，所以就简单让它乘以40(也可以不乘)，可是这样做蛇就不那么光滑了。还好，颜色可以帮忙，而且这条蛇也不是很大。^o^

看完这篇，您有何感觉呢？