Flash AS实例:绘制旋转的3D效果菜单动画

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

　在这个3D旋转菜单教程中，将学习如何用AS3代码创建一个垂直的3D立体菜单效果，木马将会根据鼠标决定旋转速度。

演示：

1、新建Flash文件,设置宽、高属性为 550 × 400 。

2、用圆角矩形工具，画一个 158 × 35的长方形。笔触为8白色，填充色＃0 F7E 88。图1：
Flash AS实例:绘制旋转的3D效果菜单动画

3、将长方形转换成名为 " Menu Item " 的影片剪辑。设定注册点为中心。图2：
Flash AS实例:绘制旋转的3D效果菜单动画

4、双击舞台上的影片剪辑，进入编辑状态。创建动态文本，在它里面输入需要的本文。图3
Flash AS实例:绘制旋转的3D效果菜单动画

5、在属性面板中输入实例名字 " menuItemText" 。

6、按下字符嵌入按钮，插入下列字型。图4：
Flash AS实例:绘制旋转的3D效果菜单动画

7、切换回主场景1，删除舞台上的影片剪辑，实例将由代码生成。

8、打开库元件面板，右键单击影片剪辑，(CS3选链接、CS4选属性)给元件添加一个绑定类。类名 " MenuItem" 。图5：
Flash AS实例:绘制旋转的3D效果菜单动画

9、选中第1帧，打开动作面板输入代码：

//The total number of menu items

const NUMBER_OF_ITEMS:uint = 20;

//This array will contain all the menu items

var menuItems:Array = new Array();

//Set the focal length

var focalLength:Number = 350;

//Set the vanishing point

var vanishingPointX:Number = stage.stageWidth / 2;

var vanishingPointY:Number = stage.stageHeight / 2;

//We calculate the angleSpeed in the ENTER_FRAME listener

var angleSpeed:Number = 0;

//Radius of the circle

var radius:Number = 128;

//Calculate the angle difference between the menu items (in radians)

var angleDifference:Number = Math.PI * (360 / NUMBER_OF_ITEMS) / 180;

//This loop creates and positions the carousel items

for (var i:uint = 0; i < NUMBER_OF_ITEMS; i++) {

//Create a new menu item

&nb

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

1 2 3 4 5 6 下一页

分享到：更多

你可能对下面的文章感兴趣

上一篇: FLASH三方软件快速制作水波特效动画下一篇: 令人惊叹的创意：真正出类拔萃的FLASH网站

关于Flash AS实例:绘制旋转的3D效果菜单动画的所有评论

随机推荐