FLASH_3D教程——从头开始

　　大家都知道三维的点都有3个坐标，但FLASH只是有二维的坐标，所以要在FLASH里实现“三维”的效果，就需要对点的坐标进行转化，简单的说，就是怎么把三维坐标转换成二维坐标。（其实，这并不是真正的三维，而是一种视觉欺骗，看上去像三维的就这么回事。所以上面三维带引号。）

　　一、三维坐标系转化成二维坐标系

　　(1)、坐标的转换

　　flash中场景左上角为(0,0)，而在数学中是场景中心为(0，0)，怎样把它转成数学中的坐标系呢？　

　　FLASH里的坐标视图
x
o
y
　x=Stage.width/2; // Stage.width是场景的宽；


　y=Stage.height/2; // Stage.height是场景的高；

　　这样就把原坐标的原点移动了，场景的中心点，不过，Y轴还是向下，为正的。（这在后面做旋转时要注意的。）

中国网管联盟bitsCN.com

  网管论坛bbs_bitsCN_com

　　(2)、角度的转换

　　flash中Math函数里的参数都要用到弧度，所以角度与弧度之间的转换是需要知道的。

　　在flash as中，我们可以通过这样的表达式来进行转换：

hudu=jiaodu*Math.PI/180; / /把角度转换为弧度,公式为：弧度=角度 *3.14/180，3.14为pai

jiaodu=hudu*180/Math.PI; / /把弧度转换为角度,公式为：角度=弧度*180/3.14，3.14为pai

(if (jiaodu<0) { jiaodu = jiaodu+360; }/* 转换后的角度的范围从-180到180, 数学中的角度从0到360，所以小于0时加上360 */)

　　2、flash中的三维坐标系

　　如图3，z轴表示一个物体离屏幕的远近，当物体的z轴位置增加时，物体朝远离屏幕的方向运动，当物体的z值减小时，物体朝接近屏幕的方向运动。

  网管联盟bitsCN@com

  

  网管u家u.bitsCN.com

　　利用数学中的正弦、余弦公式得出

　　x1=r*cos(a+b)，而cos(a+b)=sina*cosb+cosa*sinb

　　推出:x1=r(cosa*cosb-sina*sinb)

　　又因为x=r*cosa,y=r*sina

　　所以x1=x*cosb-y*sinb

　　同样推出：y1=y*cosb+x*sinb

　　这就是z旋转的公式。用同样的方法可推出x旋转,y旋转的公式。总结如下：

　　给定点：(x,y,z)

　　绕x轴旋转后的点(x1,y1,z1)
　　绕y轴旋转后的点(x2,y2,z2)
　　绕z轴旋转后的点(x3,y3,z3)

　x旋转(x不变)
　x1=x
　y1=y*cosb-z*sinb
　z1=z*cosb+y*sinb
　
　　注：x旋转要注意，在FLASH中x1=x
　y1=y*cosb+z*sinb
　z1=z*cosb-y*sinb

　　是先加后减，因为FLASH里的Y轴是反的，箭头向下的。

　y旋转(y不变)
　x2=x*cosb-z1*sinb
　y2=y1
　z2=z1*cosb+x*sinb

　z旋转(z不变)
　x3=x2*cosb-y1*sinb
　y3=y1*cosb+x2*sinb
　z3=z2

　　从以上公式可看出，在flash要实现旋转，先要求x轴的旋转点，再求y轴的旋转点，最后再求出z轴的旋转点。最后我们来一个x旋转的应用

网管bitscn_com

　　三、制作x轴旋转的正方体

　　1、在场景中画一小球，并按F8转换为mc,实例命名为qiu。

　　2、增加一层，命名为as,接下去我们来写as,如下：

_root.onLoad = function() {
shumu = 8;
// 定义复制小球的数目
qiu._x = 6000;
// 让原始小球消失
for (var i = 0; iduplicateMovieClip("qiu", "qiu"+i, i);
}
// 复制小球,作为正方体的八个顶点
qiu_pos_x = new Array(100, 0, 0, 100, 100, 0, 0, 100);
qiu_pos_y = new Array(100, 100, 100, 100, 0, 0, 0, 0);
qiu_pos_z = new Array(50, 50, -50, -50, 50, 50, -50, -50);
// 从三维坐标中取正方体的8个顶点的坐标,保存在数组中
D = 200;
// 观察者与屏幕的距离
hutu = 0.001;
// 控制旋转的速度
b = hutu*180/Math.PI;
// 角、弧度的转换
};
_root.onEnterFrame = function() {

for (var i = 0; ix1 = qiu_pos_x[i];
y1 = qiu_pos_y[i]*Math.cos(b)-qiu_pos_z[i]*Math.sin(b);
z1 = qiu_pos_z[i]*Math.cos(b)+qiu_pos_y[i]*Math.sin(b);
// 按公式计算
qiu_pos_x[i] = x1;
qiu_pos_y[i] = y1;
qiu_pos_z[i] = z1;
// 更新数组元素
ratio = D/(D+z1);
perspective_x = x1*ratio;
perspective_y = y1*ratio;
// 按公式计算
_root["qiu"+i]._x = 275+perspective_x;
_root["qiu"+i]._y = 200-perspective_y;
/ 设置球的坐标
_root["qiu"+i]._xscale = _root["qiu"+i]._yscale=50*ratio;
// 球的大小
_root["qiu"+i].swapDepths(10000-qiu_pos_z[i]);
// 球的层次
_root["qiu"+i]._alpha=100*ratio;//设置透明度

}
}; 网管下载dl.bitscn.com