FLASH_3D教程——从头开始
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-08
|
点击下载源文件 大家都知道三维的点都有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轴还是向下，为正的。（这在后面做旋转时要注意的。）  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值减小时，物体朝接近屏幕的方向运动。   如图4，已知一个点(x,y,z),利用三角形相似的原理，可以得出下列结论： d/(d+z)=y1/y,推出：y1=d*y/(d+z)，可在二维平面上来表现空间上的点的位置。进一步把它简化。提出因子d/(d+z),用ratio(比率)表示，这个公式就变为 ratio=d/(d+z); y1=ratio*y;同理可推出 x1=ratio*x; 二、控制物体的属性(大小，层次，透明度等) 1、控制mc的大小 在三维坐标中，当z值增大，也就是远离屏幕时，物体应越小，反之越大。 我们可以用上满的ratio，当z增加时，ratio减少，因为在ratio中，z是作为分母的。反之，当z减少时，ratio增加。所以可用ratio来控制mc的大小。如下： mc1._xscale=mc._xscale*ratio; mc1._yscale=mc._yscale*ratio; 2、控制mc的层次 z值最大，物体应在最底层，最小，在最上层， 所以mc的层次可以有z组成，可以用很大的数减z,也可以让z除以负数，等等，这里方法比较灵活，也是做”三维”效果的关键,主要要在调试中确定适合设计的方法。flash中，设置mc的层次用swapDepths,如下: mc.swapDepths(1000-z);//设置mc的层次 mc.swapDepths(z/-4); 3、控制mc的透明度 远处的物体看上去模糊些，近处的物体清晰些，在flash中，可用_alpha来控制，方法和控制大小类似,不在介绍原理。如下： mc._alpha=100*ratio; 4、控制mc的角度(旋转) 这一步最难，也最好的东东。学习以后，你将能制作出非常cool的效果 旋转有三种，x旋转：坐标x不变,y旋转：y不变,z旋转：z不变，我们先来推导z旋转。 如下图：从点(x,y,0)转到(x1.y1.0),求点(x1.y1.0)  利用数学中的正弦、余弦公式得出 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 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: FLASH8新功能体验-裁切下一篇: Flash绘制精致图表：透明小球
关于FLASH_3D教程——从头开始的所有评论
