介绍一种作仿3D flash动画的方法

//构造一个类
Vector = function (x, y, z) {
        this.x = x;
        this.y = y;
        this.z = z;
};
//为类创建一个方法，即矢量的旋转方法，可查一下数学哦
Vector.prototype.rotateXYZ = function(a, b, c) {
        var sa = Math.sin(a*Math.PI/180), ca = Math.cos(a*Math.PI/180);
        var sb = Math.sin(b*Math.PI/180), cb = Math.cos(b*Math.PI/180);
        var sc = Math.sin(c*Math.PI/180), cc = Math.cos(c*Math.PI/180);
        with (this) {
                //绕x轴
                var ry = y*ca-z*sa;
                var rz = y*sa+z*ca;
                //绕y轴
                var rx = rz*sb+x*cb;
                z = rz*cb-x*sb;
                //绕z轴
                x = rx*cc-ry*sc;
                y = rx*sc+ry*cc;
        }
};
//获取透视度，产生立体效果
Vector.prototype.getSee = function(ViewA4ist) {
        if (ViewA4ist == undefined) {
                ViewA4ist = 300;
        }
        return ViewA4ist/(ViewA4ist+this.z);
};
//投影到xy坐标平面内，z＝0，因为flash没有真正的3d
Vector.prototype.cast = function(p) {
        if (p == undefined) {
                p = this.getSee();
        }
        with (this) {
                return new constructor(x*p, y*p, 0);
        }
};
//真正我写代码，是从下面开始的
//初始化边长，和某一个顶点A1的坐标
d = 100;
a = -50;
b = -50;
c = -50;
//初始化正方体八个顶点的坐标
A1 = new Vector(a, b, c);
A2 = new Vector(a+d, b, c);
A3 = new Vector(a+d, b+d, c);
A4 = new Vector(a, b+d, c);
A5 = new Vector(a, b+d, c+d);
A6 = new Vector(a+d, b+d, c+d);
A7 = new Vector(a+d, b, c+d);
A8 = new Vector(a, b, c+d);
/*定义画正方体的函数，思路就是把正方体的12条边连出来，方法不唯一，我可是在草稿上画了好几次才画好的哦*/
function draw() {
        clear();
        lineStyle(1, 100);
        moveTo(A1.x, A1.y, A1.z);
        lineTo(A2.x, A2.y, A2.z);
        lineTo(A3.x, A3.y, A3.z);
        lineTo(A4.x, A4.y, A4.z);
        lineTo(A5.x, A5.y, A5.z);
        lineTo(A8.x, A8.y, A8.z);
        lineTo(A7.x, A7.y, A7.z);
        lineTo(A6.x, A6.y, A6.z);
        lineTo(A3.x, A3.y, A3.z);
        moveTo(A1.x, A1.y, A1.z);
        lineTo(A4.x, A4.y, A4.z);
        moveTo(A1.x, A1.y, A1.z);
        lineTo(A8.x, A8.y, A8.z);
        moveTo(A7.x, A7.y, A7.z);
        lineTo(A2.x, A2.y, A2.z);
        moveTo(A5.x, A5.y, A5.z);
        lineTo(A6.x, A6.y, A6.z);
}
//随机产生xyz三个方向的旋转角度
e = random(5);
f = random(5);
g = random(5);
/*定义函数，使8个顶点依次按各自的角度旋转后投影作为新的顶点坐标，
调用函数画正方体*/
function mm() {
        for (i=1; i<=9; i++) {
                this["A"+i].rotateXYZ(e, f, g);
                this["A"+i].cast();
        }
        draw();
}
/*先调用一次函数画出一个立方体，由于还没有调用函数mm，即各点都没有旋转，

draw();

_global.Vector = function(x, y) {
        this.x = x;
        this.y = y;
};
Vector.prototype.reset = function(x, y) {
        this.constructor(x, y);
};
//向量相加
Vector.prototype.Addition = function(v) {
        with (this) {
                return new constructor(x+v.x, y+v.y);
        }
};
//向量相减
Vector.prototype.Subtraction = function(v) {
        with (this) {
                return new constructor(x-v.x, y-v.y);
        }
};
//向量角
Vector.prototype.getAngle = function() {
        return Math.atan2(this.y, this.x)*180/Math.PI;
};
//向量长度
Vector.prototype.getLength = function() {
        with (this) {
                return Math.sqrt(x*x+y*y);
        }
};
//以上是Robert Penner先生的东西，下面就要靠自己了
//设置各向量及其夹角的初始值
PointA = new Vector(0, 0);
F1 = new Vector(150, 10);
F2 = new Vector(70, 80);
F = F1.Addition(F2);
angle1 = F1.getAngle();
angle2 = F2.getAngle();
angle = F.getAngle();
//设置箭头的方向函数
function setarrow(mc, angle, v) {
        with (mc) {
                _rotation = angle;
                _x = v.x;
                _y = v.y;
                l = v.getLength();
                _xscale = l/5;
                _yscale = l/5;
        }
}
//调用函数设置箭头方向
setarrow(arrow1, angle1, F1);
setarrow(arrow2, angle2, F2);
setarrow(arrow, angle1, F);
//连线函数
function onLine(v1, v2) {
        this.lineStyle(2, 100);
        this.moveTo(v1.x, v1.y);
        this.lineTo(v2.x, v2.y);
}
//绘图函数
function draw() {
        this.clear();
        onLine(PointA, F1);
        onLine(PointA, F2);
        onLine(PointA, F);
        onLine(F, F1);
        onLine(F, F2);
}
draw();
//以上初始化,完成了一个定态的平行四边形
this.onMouseMove = function() {
        if (a == 1 && b == 1) {
                F1.reset(this._xmouse, this._ymouse);
                F = F1.Addition(F2);
        } else if (a == 2 && b == 1) {
                F2.reset(this._xmouse, this._ymouse);
                F = F2.Addition(F1);
        } else if (a == 3 && b == 1) {
                F2.reset(this._xmouse, this._ymouse);
                F1 = F.Subtraction(F2);
        }
        angle1 = F1.getAngle();
        angle2 = F2.getAngle();
        angle = F.getAngle();
        setarrow(arrow1, angle1, F1);
        setarrow(arrow2, angle2, F2);
        setarrow(arrow, angle, F);
        //以上是把鼠标的坐标当作一个变量加入，重新初始化各个矢量及其夹角，其中的a在按钮中被赋值
        draw();
        //调用函数再画一个新的四边形，其中的clear()函数清除了原来的四边形
        updateAfterEvent();
};
this.onMouseDown = function() {
        b = 1;
};
this.onMouseUp = function() {
        b = 2;
};