让我们用Flash做3D动画

有人会问了:Flash在开发之初为了减小播放器的体积,并没有设置关于3D方面的应用.其实不然,所有的3D效果其实都是二维图形通过3D算法得出的.

下面让我们通过3D算法来做一个简单的3D导航.

1.新建一个按钮实例,将其在库中的链接命名为"text"

2.在按钮实例的第一帧输入如下代码:

 

// 设定角度和弧度变量
var radian:Number = 0;
// 圆心座标（x和z的中心点）
var centerX:Number = Stage.width/2-40;
var centerY:Number = Stage.height/2-20;
//
var r:Number = 100;
//半径值
var z:Number;
//z轴值（公式里的d2）
var d1:Number = 50;
//眼睛到屏幕的距离
var scale:Number;
//透视缩放比率
var y:Number;
//
var rotation:Number = 0;
//当前旋转的角度
function onEnterFrame() ...{
    degree += _root.speed;
    // 换算成弧度
    radian = degree*(Math.PI/180);
    // 求出x, z'值
    this._x = Math.cos(radian)*r+centerX;
    z = Math.sin(radian)*r+this._parent.centerZ;
    scale = d1/(d1+z);
    this._y = y*scale+centerY;
    this._xscale = scale*100;
    this._yscale = scale*100;
    this._alpha = scale*100;
    ////
    //切换深度
    if (scale>0.8) ...{
        this.swapDepths(20);
        this.enabled = true;
        this.k.enabled = true;
    } else ...{
        this.swapDepths(this.defaultDep);
        this.enabled = false;
        this.k.enabled = false;
    }
}
this.onMouseMove = function() ...{
    y = (centerY-_root._ymouse)/3;
};

 

4.在时间轴第一帧输入以下代码

 

var speed:Number = 4;
var center:Number = Stage.width/2;
var maxSpeed:Number = 6;
var unit:Number = center/maxSpeed;
//
var centerZ:Number = 90;
//
for (var i = 0; i<6; i++) ...{
    this.attachMovie("text", "t"+i, i+10);
    this["t"+i].degree = i*60;
    this["t"+i].defaultDep = i+10;
    this["t"+i]._y = Stage.height/2;
}
function onMouseMove() ...{
    speed = Math.round((_xmouse-center)/unit)*-1;
}

 

好了,测试一下吧!