1、第22章 ActionScript 3.0实例,前面章节中详细介绍了ActionScript 3.0的语法结构和具体使用方式。本章中以一个完整的【示例22.1】说明如何使用ActionScript 3.0创建一个3D菜单导航系统。,22.1 3D导航菜单简介,对于传统的Web应用而言导航菜单都是平面2维结构的。由于ActionScript 3.0的图形表现是基于矢量图形的，所以可以构件一个视觉上3维的3D导航菜单。,22.2 构建一个三维立方体的二维表示,构建一个三维立方体的二维表示需要先构建起一个三维的坐标，然后通过数学变换变换为二位的显示。本节中将详细描述如何构建这样一个三维立方体的二维表
2、示。,22.2.1 确定立方体的三维坐标,为了构建一个立方体首先构建一个三维坐标系，并确定这个三维坐标系当中立方体的各点坐标。,22.2.2 三维坐标的变换,对于3D导航菜单系统而言是没有平移和缩放的坐标变换。所有的坐标变换都是基于旋转进行的坐标变幻。为了能够进行旋转的坐标变换需要构建一个坐标变换的矩阵。通过这个矩阵可以进行三维旋转的坐标变换。为了能让三维坐标形成二维的表示，首先需要进行三维旋转的坐标变换。然后在计算三维坐标在二维表示上的投影显示。,22.2.3 构建一个立方体的二维表示,在22.2.1节和22.2.2节中描述了构建一个立方体二维表示的思路。,22.3 为立方体添加鼠标响应事件
3、,如果三维立方体无法实现旋转的话最多也就可以单击3个面。这样就失去了三维用户交互的意义了。所以需要添加用户交互的事件让立方体可以旋转起来。本节中详细讲解如何添加鼠标交互事件使得立方体可以进行旋转。,22.4 加载导航菜单的资源,在22.3节中完成了一个可以用户交互的旋转立方体，搭建出3D导航菜单的一个基本结构。但对于菜单而言还需要相应的数据需要进行加载。并且不能只以立方体的结构进行交互，需要为每一个菜单对应一个表示图片。本节中详细讲解如何加载菜单对应的数据以及图片。,22.4.1 资源加载类结构,对于菜单而言，一般情况下会将菜单的数据以及菜单对应的资源在外部文件中描述。这样很容易使菜单重复使用
4、降低耦合性。,22.4.2 资源加载类实现,在22.4.1节中说明了资源加载类的结构。本小节中详细说明如何通过ActionScript 3.0语言实现资源加载。,22.4.3 图片资源加载到立方体,本节详细说明如何将图片资源加载到22.3节中创建的立方体上。,22.5 图片数据变换,从22.4.3节中的运行结果看出，虽然使用了外部的资源图片进行添充，但添充效果不理想。主要原因是因为图像并没有进行三维向二维的投影，所以必须进行图像的变换才可以达到效果。本小节中详细说明如何进行图片数据的变换和添充。,22.5.1 添充变换矩阵简介,如果要进行添充的变换需要使用Matrix类进行添充的变换。Matr
5、ix类表示一个变换使用的矩阵，该矩阵为一个3X3的矩阵。,22.5.2 构建图像变换添充类,在22.5.1节中介绍了Matrix的使用方式。本小节中通过使用Matrix对象构件一个图像变换的添充类。,22.5.3 将变换后的图像添充到立方体上,打开Cube.as文件，在renderView方法中如下代码删除。,22.6 完善3D导航菜单,在22.5.3中已经完整的搭建起3D导航菜单的用户交互模型。为了能够完整的起到导航的作用需要进一步的进行导航菜单的完善。本节中将完善整个3D导航菜单。,22.6.1 添加菜单数据与响应,用户交互的立方体建立起以后，为了能够起到3D导航菜单的作用，需要建立起菜单
6、用户交互。菜单用户交互的表现就是当用户鼠标双击某一个立方体的面时能够给于用户明确的响应。本小节中详细说明如何添加菜单数据和响应。,22.6.2 完整的3D菜单代码结构,完成了3D导航菜单的代码后。整体的3D导航菜单的代码结构，包括CubeStu类、Cube类、IResourseLoader接口、ResourseEvent类、ImageResourseLoader类、XMLResourseLoader类和BitmapTransformer类。,22.6.3 运行3D导航菜单,打开CubeStu.as文件并运行代码，效果如图所示。,22.7 小结,本章中介绍了如何通过ActionScript 3.0实现一个3D导航菜单的过程。在这个实现过程中需要进行三维结构各点的变换：从三维到二维的投影变换，以及外部资源和数据的加载和资源与图形的合成，图片形状的变换。,
