Flash MX实例制作：会变身的蛇

　　白色的背景上，一条金光闪闪的蛇在不停地游动，效果逼真。而且，我们可以动态控制蛇的节数的变化。

　　制作中，大家要注意对编程技巧的研究。

　　本例效果如下：

　　设计步骤

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

　　一、设计元件

　　1．  制作金蛇

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

　　注意：一定要如图1所示把场景的中心点放在蛇头的中心，防止蛇头和蛇身脱节。

 　　
图1  蛇头的位置 　　　　　　图2 制作蛇节

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

　　2．  制作按钮

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

　　3．  设计Action影片（大家可以先跳过这段代码，看下面的步骤）

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

tellTarget ("_root") { 　　//调用场景中所有的影片
　　dx = getProperty("action", _x)-x1; 　　//得到影片“action”在X轴方向上的位移
　　dy = getProperty("action", _y)-y1; 　　//得到影片“action”在Y轴方向上的位移
　　point = Number(point)+1; 　　//蛇的节数加1
　　if (Number(point)>Number(snake)) {
　　　　point = 0;
　　}//当蛇的节数增加到默认值时，就把它重置为0，不让这条蛇无限变长

　　duplicateMovieClip("head", "head" add point, point);
　　//复制“snake”影片，使蛇的节数不断增加

　　//以下代码实现蛇的运动
　　x1 = getProperty("action", _x); 　　//把影片“action”的x轴坐标赋值给变量x1
　　y1 = getProperty("action", _y); 　　//把影片“action”的y轴坐标赋值给变量y1
　　setProperty("head" add point, _x, x1); 　　//把变量x1的值赋值给影片“head”
　　setProperty("head" add point, _y, y1); 　　//把变量y1的值赋值给影片“head”

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

　　if (Number(dx) == 0) {
　　　　ror = 90;
　　　　//如果影片“action”在的坐标在x轴方向没有变化，则让影片“snake”的角度为90度。其实这也很好理解，因为蛇的头和节都是水平方向设计的，如果影片“snake”的x轴坐标不变，说明蛇在做垂直运动，“ror = 90；”就是让蛇的角度也变垂直。
　　　　//ror就是控制蛇节角度的变量
　　} else {
　　　　x = dy/dx; //这个x就是角度的正切值
　　　　if (Number(x)<0.99 and Number(x)>Number(-0.99)) {
　　　　//如果角度值在（-1，1）之间就执行下面的语句
　　　　　　ror = x*40;
　　　　//计算角度值，简单让它乘以40（也可以不乘），这样做蛇可能就不那么光滑了。还好颜色可以帮忙，而且这条蛇也不是很大。
　　　　} else if (Number(x) == 1) {
　　　　　　ror = 45;
　　　　　　//如果角度值恒等于1就设角度为45度
　　　　} else if (Number(x) == -1) {
　　　　　　ror = -45;
　　　　} else if (Number(x)>1.01) {
　　　　　　ror = 90-1/x*50;
　　　　} else {
　　　　　　ror = -90-1/x*50;
　　　　}
　　}

[1] [2]  下一页