在Flash中用Action Script实现3D效果

圩厌

圩厌

2016-01-29 14:25

在Flash中用Action Script实现3D效果,在Flash中用Action Script实现3D效果
  众所周知,中要实现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:复制组成图形的元
展开更多 50%)
分享

猜你喜欢

在Flash中用Action Script实现3D效果

flash教程
在Flash中用Action Script实现3D效果

CorlDraw实现3D效果

CorelDRAW
CorlDraw实现3D效果

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Flash 3d效果精彩实例(3)

flash教程
Flash 3d效果精彩实例(3)

Flash 3d效果精彩实例(4)

flash教程
Flash 3d效果精彩实例(4)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Flash 3d效果精彩实例(1)

flash教程
Flash 3d效果精彩实例(1)

Flash 3d效果精彩实例(8)

flash教程
Flash 3d效果精彩实例(8)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

《怪兽合唱团》攻略之刷经验的方法分享

《怪兽合唱团》攻略之刷经验的方法分享

PHP生成便于打印的网页

PHP生成便于打印的网页
下拉加载更多内容 ↓