众所周知，中要实现3D效果是比较麻烦的，下面我们就用ActionScript来实现一个比较简单的3D效果。先看看最终效果，一个看起来像是3D效果的花在场景中旋转，在旋转的过程中会改变颜色，还会响应鼠标作相应的动作。静态效果如图1所示。

　　一、实现原理

　　

　　要在只能显示二维图形的Flash中显示三维图形，很关键的一点就是如何将三维坐标转换为二维坐标。另外，如何对三维坐标进行操作，如何渲染最终的显示效果，都是颇有难度的。

　　在此实例中，我们首先将三维的坐标值保存在数组里面，对这些坐标值进行操作后，根据一定的规则对数组里面的值进行相应计算，转换成二维坐标，对二维坐标值进行渲染和显示控制，就得到了最终的显示效果。:1

　　二、实现步骤

　　1、打开Flash MX 2004，新建一个场景，设置场景的大小为700 px * 525 px，背景为黑色。

　　2、按“Ctrl + F8”新建一个MovieClip，命名为“circle”，类型为MovieClip，在此Clip中用“Oval tool”绘制一个椭圆形如图2所示。

　　3、按“Ctrl + F8”新建一个MovieClip，命名为“line”，类型为MovieClip，将上一步制作的“circle”Clip拖到此Clip的场景中，命名为“circle”。在此Clip的时间轴的第30帧上面点击鼠标右键，选取“Insertkeyframe”，从而插入关键帧。选取第30帧的场景里面的“circle”Clip，设置属性如图3所示。在第60、90帧上面插入关键帧，分别设置场景里面的“circle”Clip属性如图4、5所示。最后在第120帧上面插入关键帧。

　　4、点击 “line”Clip中时间轴上面的第1帧、第30帧、第60帧、第60帧，分别设置帧的属性如图6所示。

　　5、按“Ctrl + F8”新建一个MovieClip，命名为“vertex”，类型为MovieClip，在此Clip的场景中用文本工具输入“loading”这几个字。

　　6、返回到主场景中，将“line”Clip和“vertex”Clip都拖到场景中，并分别将它们的实例名设置为“wire”和“point”。:2

　　7、在主场景的时间轴上面，插入一个新的层，命名为“Scripts”，分别在此层的第2帧、第3帧上面插入关键帧。

　　注释1：定义显示的文字为11个。

　　注释2：定义组成3D图形的元素有10个。

　　注释3：定义一个控制3D图形显示比例的变量。

　　注释4：在这里定义几个数组，大小为刚刚所定义的变量，用来放置3D图形的各种细节。

　　注释5：为了使效果看起来更好，这里实现全屏效果，有关fscommand更多的细节可以查看Flash中自带的帮助文件。

　　注释6：复制文字Movie Clip，个数为前面所定义的变量值。

　　注释7：复制组成图形的元

评论 (0) All

登陆 还没注册？