当前位置:首页设计教程Flash AS3.0教程:制作3D旋转动画效果
Flash AS3.0教程:制作3D旋转动画效果
°
  • 素材类型: 资源-素材
  • 上传时间:

本教程着重于代码的编写,版本AS 3.0。只要制作一个旋转的3D球,图形元件的制作不作讲解,请参看有关教程。

include "Math2.as"
//图片容器
var menu:Sprite=new Sprite();
//使图标移动
menu.x = 300;
menu.y = 200;
//注册事件侦听器
menu.addEventListener(Event.ENTER_FRAME,moveMenu);
this.addChild(menu);
//椭圆在x 和y 轴上的截距
var disx:Number = 200;
var disy:Number = 10;
//旋转速度
var speed:Number = 0;
initMenu(5);
function initMenu(n:int) {
for (var i:int; i<n; i++) {
var mc:MovieClip = new IconMenu();
//缩小图标
mc.scaleX = mc.scaleY = .5;
menu.addChild(mc);
}
}
//事件侦听器函数
function moveMenu(e:Event):void {
//获取图标数
var iconCount:int = menu.numChildren;
//定义数组
var depthArray:Array = new Array();
//把360度平分
var angle:Number = 360 / iconCount;
for (var z:int; z<iconCount; z++) {
//根据深度获取图标
var mc:MovieClip = menu.getChildAt(z);
//跳转到不同帧,来显示不同的图标
mc.gotoAndStop(z+1);
//设置图标的位置
mc.x = cosD(speed + angle*z) * disx;
mc.y = sinD(speed + angle*z) * disy;
setProp(mc,"alpha");
setProp(mc,"scaleX",.2,.7);
setProp(mc,"scaleY",.2,.7);
//保存图标到数组
depthArray[z] = mc;
}
//重新设置图标的深度
arrange(depthArray);
speed += 2;
}
function arrange(depthArray:Array):void {
//按照y坐标排序
depthArray.sortOn("y", Array.NUMERIC);
var i:int = depthArray.length;
while (i–) {
menu.setChildIndex(depthArray[i], i);
}
}
function setProp(mc:MovieClip,prop:String,n1:Number = .5, n2:Number = 1):void {
mc[prop] = ((mc.y + 2 * disy) / disy – 1) / 2 * (n2 – n1) + n1;
}

5、新建.as文档,保存名为:Math2.as (这个文档是进行三角函数的计算)

//角度转弧度
function angleToRadian(angle:Number):Number
{
return angle*(Math.PI/180);
}
//弧度转角度
function radianToAngle(radian:Number):Number
{
return radian*(180/Math.PI);
}
//计算正弦值
function sinD(angle:Number):Number
{
return Math.sin(angleToRadian(angle));
}
//计算余弦值
function cosD(angle:Number):Number
{
return Math.cos(angleToRadian(angle));
}
//计算反正切
function atan2D(y:Number, x:Number):Number
{
return radianToAngle(Math.atan2(y, x));
}

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

讨论: http://www.missyuan.com/viewthread.php?tid=417566

温馨提示:

文章标题:Flash AS3.0教程:制作3D旋转动画效果

文章链接:https://www.4tu.cn/design/42497.html

更新时间:2024年09月01日

文章版权声明
1、本网站名称:思图创意
2、本站永久网址:https://www.4tu.cn
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报

本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。

给TA打赏
共{{data.count}}人
人已打赏
设计教程

Flash cs3鼠绘教程:交换方法制作嘴型吻合

2024-9-1 11:05:47

设计教程

摄影技巧教程:解读风光摄影技巧

2024-9-1 11:05:58

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
今日签到
搜索