利用AS功能代码制作百变图

时间:2007-12-06 15:01:24  来源:大师之家  作者:FL基理大师  【背景色 】

　　点击即变换形状：

看到这个动画，不禁让人想到南迁的大雁，一会儿排成"人"字形，一会儿排成"一"字形的壮观场面...

思路:
1.createEmptyMovieClip(MC),位于舞台中央,使之不断旋转;
2.用MC作为载体,复制出num(150)个p(0~149)影片,全部都依附于MC上;
3.AS中共有2个函数(function),分别为Change()和getShape():Change():首先,获得一个随机图形编号(shape),然后为所有MC["p"+i]点设置大小及透明度,再调用getShape()获得该点的目标坐标;getShape():根据shape编号,返回组成该图形的目标坐标;
4.用数组PS[0]存X坐标,PS[1]存Y坐标;
5.MC["p"+i].onEnterFrame:"跑"向各自的目标点.

步骤1：
    绘制10*10的圆点，保存为影片剪辑，连接—＞导出—＞标志符"p"
步骤2：加入AS代码；

_root.createEmptyMovieClip("MC", 10);
MC._x = 200;
MC._y = 150;
MC.onEnterFrame = function() {
 this._rotation += 2;
};
var num:Number = 150;
//圆点p的个数
for (i=0; i<num; i++) {
 MC.attachMovie("p", "p"+i, i);
}
var PS:Array = new Array(2);
//用于存储点PS[0]存储X坐标,PS[1]存储Y坐标.
_root.onMouseDown = function() {
 Change();
//鼠标点击后变换图形
};

function Change() {
 shape = int(Math.random()*2);
//获得随机图形
 for (i=0; i<num; i++) {
  p = MC["p"+i];
  p._xscale = p._yscale=50+Math.random()*50;
  p._alpha = 50+Math.random()*50;
  getShape(shape);
  p.tox = PS[0];
  p.toy = PS[1];
//调用getShape()函数后，获得MC["p"+i]的X,Y目标坐标
  p.onEnterFrame = function() {
   this._x += 0.1*(this.tox-this._x);
   this._y += 0.1*(this.toy-this._y);
//点MC["p"+i] 向目标坐标移动, 移动步长为0.1*(目标坐标 - 当前坐标);
//越接近目标，步长越小。最终，当前坐标＝目标坐标，不再移动。
  };
 }
}

function getShape(shape) {
//用shape的值作为判断图形的依据
 var size:Number = 100;
 var angle:Number = Math.random()*360*Math.PI/180;
 switch (shape) {
//====================直线======================
 case 0 :
  PS[0] = -size+random(size*2);
  PS[1] = 0;
  break;
//====================圆======================
 case 1 :
  PS[0] = size*Math.cos(angle);
  PS[1] = size*Math.sin(angle);
  break;
 }
}