当前位置: 首页 > 图文教程 > Flash动画 > Flash动画制作 > Flash AS3.0实例教程：AS3.0代码制作3D旋转动画效果

Flash动画制作
Flash巧妙绘制卡通澳大利亚夏日海滩
Flash CS3教程:绘制小奶瓶图标
Flash绘画实例:青春靓丽美女
制作Flash MTV前音乐和矢量素材的处理
Flash入门教程:鼠标跟随星星动画
鼠标滚轮事件滚动有Flash动画的网页
Flash绘画技巧之关于动画中的云
Flash中不能导入WAV声音的解决办法
Flash绘画实例：卡通铅笔图标
Flash广告点击率的深入研究
Flash绘制云彩的简单方法
Flash Web结构之背景层浅析
全Flash动画网站的实现详细教程
Flash Web结构之数据显示层
Flash Web设计团队协作
去除Flash动画在线播放限制的技巧
Flash逐帧和补间制作小野人摇滚动画
合并不同帧频(fps)的Flash文件
电子杂志设计制作常用Flash技术
Flash临摹著名画家徐悲鸿的骏马图

No. « 1 2 3 4 »

技术文章搜索

关键字

Flash动画制作 中的 Flash AS3.0实例教程：AS3.0代码制作3D旋转动画效果

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-11-22   浏览: 745 ::
收藏到网摘: n/a

〖本教程着重于代码的编写，版本AS 3.0。图形元件的制作不作讲解，请参看有关教程。〗

1、新建Flash文档，创建5 个图形，（或导入5张图片到库中）。

2、创建一个影片剪辑，1层为图片层2层为代码层。在1层把5张图片分别放在5帧中，在代码层输入stop(); 如图：

Flash AS3.0实例教程：AS3.0代码制作3D旋转动画效果_软晨学习网

3、Ctrl + L 打开库，右键单击影片剪辑实例做链接，类名为：IconMenu 如图：

4、返回场景1，图层1为背景层，图层2为代码层。在图层1导入背景图片。图层2输入代码：

1. include "Math2.as"
2. //图片容器
3. var menu:Sprite=new Sprite();
4. //使图标移动
5. menu.x = 300;
6. menu.y = 200;
7. //注册事件侦听器
8. menu.addEventListener(Event.ENTER_FRAME,moveMenu);
9. this.addChild(menu);
10. //椭圆在x 和y 轴上的截距
11. var disx:Number = 200;
12. var disy:Number = 10;
13. //旋转速度
14. var speed:Number = 0;
15. initMenu(5);
16. function initMenu(n:int) {
17. for (var i:int; i<n; i++) {
18. var mc:MovieClip = new IconMenu();
19. //缩小图标
20. mc.scaleX = mc.scaleY = .5;
21. menu.addChild(mc);
22. }
23. }
24. //事件侦听器函数
25. function moveMenu(e:Event):void {
26. //获取图标数
27. var iconCount:int = menu.numChildren;
28. //定义数组
29. var depthArray:Array = new Array();
30. //把360度平分
31. var angle:Number = 360 / iconCount;
32. for (var z:int; z<iconCount; z++) {
33. //根据深度获取图标
34. var mc:MovieClip = menu.getChildAt(z);
35. //跳转到不同帧，来显示不同的图标
36. mc.gotoAndStop(z+1);
37. //设置图标的位置
38. mc.x = cosD(speed + angle*z) * disx;
39. mc.y = sinD(speed + angle*z) * disy;
40. setProp(mc,"alpha");
41. setProp(mc,"scaleX",.2,.7);
42. setProp(mc,"scaleY",.2,.7);
43. //保存图标到数组
44. depthArray[z] = mc;
45. }
46. //重新设置图标的深度
47. arrange(depthArray);
48. speed += 2;
49. }
50. function arrange(depthArray:Array):void {
51. //按照y坐标排序
52. depthArray.sortOn("y", Array.NUMERIC);
53. var i:int = depthArray.length;
54. while (i--) {
55. menu.setChildIndex(depthArray[i], i);
56. }
57. }
58. function setProp(mc:MovieClip,prop:String,n1:Number = .5, n2:Number = 1):void {
59. mc[prop] = ((mc.y + 2 * disy) / disy - 1) / 2 * (n2 - n1) + n1;
60. }

5、新建.as文档，保存名为：Math2.as （这个文档是进行三角函数的计算）

输入代码： 

1. //角度转弧度
2. function angleToRadian(angle:Number):Number
3. {
4. return angle*(Math.PI/180);
5. }
6. //弧度转角度
7. function radianToAngle(radian:Number):Number
8. {
9. return radian*(180/Math.PI);
10. }
11. //计算正弦值
12. function sinD(angle:Number):Number
13. {
14. return Math.sin(angleToRadian(angle));
15. }
16. //计算余弦值
17. function cosD(angle:Number):Number
18. {
19. return Math.cos(angleToRadian(angle));
20. }
21. //计算反正切
22. function atan2D(y:Number, x:Number):Number
23. {
24. return radianToAngle(Math.atan2(y, x));
25. }

复制代码

把fla文档与Math2.as 文档保存在同一目录下，进行测试。