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

2016-01-29 14:25 27 1 收藏

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

【 tulaoshi.com - Flash 】

  众所周知,中要实现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:复制组成图形的元

来源:http://www.tulaoshi.com/n/20160129/1493256.html

延伸阅读
标签: flash教程
本实例中一对立体的线框会不断旋转运动,并且可以感应到鼠标的活动,从而产生运动的变化,本实例最终效果如图1所示; 图1 最终效果 1.首先启动,新建一个影片,设置影片舞台大小为400px*300px(单位为象素),设置影片背景色为浅黄色,颜色代码为#FFCC00. 2.将影片默认的图层重命名为BackLine,为了使线框...
标签: 电脑应用
Flash CS4的3D工具很容易上手。在工具栏里有两个处理3D变形的工具:3D旋转和3D位移。 这两个工具都可以切换全局坐标模式和个体坐标模式,上图为个体坐标模式。 另外,也可以通过属性面板和变形面板来调整3D变形的参数。其中值得注意的是灭点(消失点)和相机范围角度(不是焦距)的设置。这两个参数对整个场景内...
标签: flash教程
第 2 章: 变量及数据类型---变量---定义变量 变量是什么? 大概说来就是存放信息的容器(更确切的说是指向内存空间中某个存贮位置的指针, 不过能够理解就行了, 何必去记这么抽象的定义). 只要能够理解它可以存放信息并可以通过各种途径改变其中的信息就可以了, 我又不是大学里面的老师, 整天就知道叫学生死记硬背定义, 实际的东西一点都没有, "一...
如果想要在3D场景中创建类似透视和光影这样的炫目效果,那么就不能忽略物体间的“添加混合”特性。许多顶级游戏经常利用这一特性来增强相应范围内图形的表现方式,例如武器的发射和爆炸。虽然许多Texture的附加选项都能够模拟各种材质的混合,但是Shockwave 3D的当前版本对此并不支持。 幸运的是,我们可以通过另一种方法来“实现...
标签: flash教程
本文由中国 wytan 原创,转载请保留此信息! 效果演示:  [next] 简单制作方法: 一、把几幅图裁剪同样大的正方形图片导入到库。 二、把每张图拖到主场景,各自转换成图片元件。 三、插入一个电影剪辑,命名为遮照。拖出一幅图,让其全居中。执行视图-标尺,拉出4条辅助线,对齐图片边缘。删除图片用任意颜色画一个无边线...

经验教程

151

收藏

94
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部