纯AS的Flash动画-跟随鼠标游动的鱼

Flash动画


      这个Flash用到了三个鱼身组成的影片剪辑(MC),分别命名为Cabeza、Aletas、Espina,有一点要注意的是,这个命名指的并不是影片剪辑的名字,而影片剪辑中“链接属性的id号”。这个可以在右击MC的链接中修改。
Flash源码下载:下载文件 点击下载此文件

下面是AS部分代码说明

分别在第一至第三帧加入如下actionscript(以后简称AS)

//———————————————————
//这是第一帧的as.
//——————————————————–

_quality=”MEDIUM”; // 选择动画质量适中,这样动画会运动得更快。
// 以下是各个部分的参数,你可以自己调一下数据会更清楚。
N = 20; // 鱼身的长度,也是expina有多少片.
R = 12; // 鱼头跟鼠标的速度。
C = 2; // 鱼身的连接速度,应该是这样表达吧,跟R也有关系。
A = 2; //鱼鳍片数。
// 以下参数供参考,可你让你更明白:
// ( N=20, R=12, C=2, A=2 )
// ( N=30, R=12, C=1.5, A=-20 )
// ( N=25, R=12, C=1.2, A=10 )
// ( N=40, R=12, C=2.5, A=-4 )
// ( N=40, R=12, C=2.2, A=2 )

// 定义两个数组,表示坐标。
var x = new Array();
var y = new Array();

// 初始化
for (i=0;i
// 构造一只鱼
for (i=1;i// 先造头,嘿嘿,说得有点儿怪(AOL摸了摸头)。
if (i==1) {
attachMovie(“Cabeza”, “Pieza”+i, N+1-i);
// 我们把两片鱼鳍放在鱼身的第四个和第十四个位置,你也可以选择放哪。
} else if ( (i==4) || (i==14) ) {
attachMovie(“Aletas”, “Pieza”+i, N+1-i);
// 剩下的位置留给鱼身。
} else {
attachMovie(“Espina”, “Pieza”+i, N+1-i);
}
this["Pieza"+i]._x = 142+x[i-1];
this["Pieza"+i]._y = 142+y[i-1];
//减小一点儿体积,增强鱼的透明度。
this["Pieza"+i]._xscale = 102+A*(1-i);
this["Pieza"+i]._yscale = 102+A*(1-i);
this["Pieza"+i]._alpha = 100-(100/N)*i;
}

//——————————————–
//这是第二帧的as.
//这是鱼怎么移动的帧。
//——————————————–


// 鱼头跟着鼠标动
x[0] = x[0]+(_xmouse-x[0]-142)/R;
y[0] = y[0]+(_ymouse-y[0]-142)/R;

// 其它的部分跟着动
for (i=1;ix[i] = x[i]+(x[i-1]-x[i])/C;
y[i] = y[i]+(y[i-1]-y[i])/C;
}

// 移动后的鱼的属性
for (i=1;i// 鱼的各部分所在的新位置
this["Pieza"+i]._x = 142+(x[i-1]+x[i])/2;
this["Pieza"+i]._y = 142+(y[i-1]+y[i])/2;;
// 计算鱼的转折角度
this["Pieza"+i]._rotation = 57.295778*Math.atan2((y[i]-y[i-1]),(x[i]-x[i-1]));
}


//——————————–
//这是第三帧的as。
//回到第二帧,继续跟鼠标。
//——————————–
gotoAndPlay (2);

按ctrl+enter测试,搞 定。

Categories: 技术爱好

One Comment

  • chanel says:

    哇,很不错哦。不过我也在浩南的博客上看到他的flash客服。他的网址链接在冬日暖阳哪里 浩南的博客

Leave a Comment