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

Flash动画制作
Flash 3d效果精彩实例(5)
贺新年 制作五彩缤纷焰火动画
FlashMX2004中的XML应用之原理篇
制作一个骄艳的鲜花情人Flash贺卡
有趣 用Flash制作互动的小人
Flash制作鸡年新春动画贺卡
Flash MX 2004 UI组件系列教程（3）
Flash加载外部文件（5）
Flash MX 2004 UI组件系列教程（4）
Flash加载外部文件（2）
Flash加载外部文件（3）
一个最简便的代码实现任意数字和0的来回跳转
让Flash课件中测试题信手拈来
MX中如何实现swf文件的完美跳转
三分钟理解Flash中的级别关系
flash与ASP通信的几种方法
flashMX2004视频插件的应用教程
如何做好一个多人配合的flash项目
AS计算方面的错误
如何防止SWF文件被反编译

No. « 22 23 24 25 »

技术文章搜索

关键字

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

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-11-22   浏览: 806 ::
收藏到网摘: 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 文档保存在同一目录下，进行测试。