快速业务通道

Flash CS4教程:旋转的3D立方体动画

作者 凌众技术 来源 网页制作 浏览 发布时间 2012-03-08

  Flash CS4在工具菜单中添加了 Flash CS4教程:旋转的3D立方体动画_www.webjx.com3d工具,还针对mc添加了一个动画编辑器。下面我们利用Flash CS4的3d工具制作一个照片的立方体模型。

  Flash CS4没有3dmax等3d软件强大的建模工具,但是提供了一个z轴的概念,开发环境从原来的2维环境拓展到一个有限的3维环境。之所以说“有限”是因为虽然有z轴但是所有的结构还是建立在图层这个基础之上的,那么就存在上下层的关系,而图层本身是基于2维。这里就遇到一个问题,当一个3d模型转动的时候他原有的上下层关系发生变化,而cs4并没有建模工具。所谓的模型也是用几个面拼凑出来的,这样的话逻辑关系就出现了问题,原本应该是在下的面却依然显示在最上一层(图层原因)。

  我们用先6张同样尺寸的图片来构建一个正方体。

  首先从外部导入6张图片到Flash中,分辨率为100dpi:

  Flash CS4教程:旋转的3D立方体动画_www.webjx.com图1

  将这6张图片放入一个mc当中命名为“box”。每一张图片都是这个“box” 立方体的一个面,将每张图片单独创建成一个mc,然后分别进行其坐标设置(x,y,z)轴:

  将图片1的设置成(0,0,0),图片2为(0,0,100)如图:

  Flash CS4教程:旋转的3D立方体动画_www.webjx.com图2

  图片3利用3d旋转工具Flash CS4教程:旋转的3D立方体动画_www.webjx.com将其Y轴旋转90度设置成(0,0,0),如图:

  Flash CS4教程:旋转的3D立方体动画_www.webjx.com图3

  同样图片4利用3d旋转工具Flash CS4教程:旋转的3D立方体动画_www.webjx.com将其Y轴旋转90度设置为(100,0,0):

  Flash CS4教程:旋转的3D立方体动画_www.webjx.com图4

  图片5利用3d旋转工具Flash CS4教程:旋转的3D立方体动画_www.webjx.com将其X轴旋转90度成(0,0,0),图片6利用3d旋转工具将其X轴旋转90度成(0,100,0),如图:

  Flash CS4教程:旋转的3D立方体动画_www.webjx.com图5

  这样一个简单的立方体模型就算做好了。

  将“box”这个mc拖入主场景时间轴中第一帧在时间轴的第50帧插入帧并且创建补件动画,点选最后一帧也就是50帧在动画编辑器里面调整对应的属性就可以得到想要的效果,这里调整Y轴的旋转角度为360度即旋转一周得到本文开头演示的动画3d-box。

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号