软件教程导航   > 电脑书籍 > Flash > 伪3D菜单的实现
 
  今天我们来讲这个互动的3D菜单。不过我们这里所讲述的方法是完全没有经过Z轴计算的,也就是说是一个伪3D的效果。
 

   在解释结构之前,对整个作品的运动把握是很重要的。首先我们看例子,在这里有5个立方体柱子以画面最右方的某点为消失点向外沿伸。这个立方体的前侧会根据其与鼠标的距离而变换大小和左右移动。另外,立方体对鼠标的纵方向(Y)移动也有反应,可以随其上下移动。

   如我们刚才说的,这个作品是没有Z轴运算的,场景中的实例会根据X和Y的坐标来模拟Z轴的空间感觉。在基本的立方体产生的过程中将运用AS的填充和画线命令。

   首先先做一个正方形的按钮,你可以自己为它定制大小,例子中的是一个75*75大小的正方形,将它的填充作成透明(alpha=0)。接着制作五个MC,我们把它们命名为MM-a1_typo~MM-a5_typo,将刚才作的透明按钮放进去,注意按钮对于中心点都要有一个递增的偏移植。比如MM-a5_typo在x=-150的位置,而MM-a4_typo则在x=-250,依次类推,到MM-a1_typo,x=550。这样一来当把所有这五个MC实例的中心点对齐后,它们便会均匀地分布在X轴上了,对它们进行放大或者缩小都会以相同“消失点”为中心,这样便会产生出透视效果。

   在场景中给这五个MC的实例起实例名为“typo”,因为他们处在不同的父级中,所以起相同的名字就可以了,然后在这五个实例上加入AS——

onClipEvent (enterFrame) {
 ppp = getBounds(this);
 pointdataMin = {x:ppp.xMin, y:ppp.yMin};
 pointdataMax = {x:ppp.xMax, y:ppp.yMax};
 this.localToGlobal(pointDataMin);
 this.localToGlobal(pointDataMax);
 xMinData = pointdataMin.x;
 yMinData = pointdataMin.y;
 xMaxData = pointdataMax.x;
 yMaxData = pointdataMax.y;
}

   这里我们所用的函数getBounds会取得实例坐标的四个级值点(即X轴上的最大最小值和Y轴上的最大最小值,也就是矩形的四个顶点),分别存在xMin,yMin,xMax,yMax中。另外localToGlobal可以将MC中的空间坐标转为全局,也就是根目录中的坐标植。所以经过这一计算后,xMinData、 yMinData、xMaxData 、 yMaxData 这四个变量中会存储正方形的顶点信息并将之转为根目录下的坐标值。

 

下一页