您的位置:首页 > 其它

8.7.1 旋转和坐标系

2008-05-04 09:46 120 查看

  使用Matrix.rotate()方法可以实现对象的旋转。旋转是围绕显示对象父容器的坐标系原点进行的。例8-8将利用旋转变形,制作一段模拟地球和月球运动的动画。
(1)创建一个AS3项目,舞台尺寸550×400,帧率20。在舞台上建立一个空MovieClip实例earth_system,在earth_system内部,建立两个圆形MovieClip对象,分别命名为earth和moon。适当调整moon对象同earth对象的大小,使其符合演示需要。总体布置如图所示:



舞台对象的关系请参考图:



(2)在代码编辑器中,输入以下代码,创建动画入口:
var transtimer:Timer = new Timer(50, 150);
transtimer.addEventListener("timer", transtimerHandler);
transtimer.addEventListener("timerComplete", transComplete);
earth_system.x=345;
earth_system.y=5;
transtimer.start();
function transtimerHandler(event:TimerEvent):void {
//动画代码编写入口
}

function transComplete(event:TimerEvent):void {
transtimer.reset();
transtimer.start();
}
这段代码中,在定时器启动前,将earthsystem对象的位置移动到舞台中上方。这样做仅仅是为了动画的美观,并不涉及其他问题。
(3)创建一个函数rootanim来控制earth_system的公转。因为earth_system就直接处在舞台上,其父容器就是舞台本身,所以根据矩阵变换的知识可知,对其进行旋转将是围绕舞台左上角进行的。在本例的舞台布置中,恰好就是星系的中心。
var myMatrix:Matrix=earth_system.transform.matrix;
transtimer.start();
function rootanim(){
myMatrix.rotate(Math.PI/3650);
earth_system.transform.matrix=myMatrix;
}

function transtimerHandler(event:TimerEvent):void {
//动画代码编写入口
rootanim();
}
(4)运行这段程序,可以看到地球带着月球开始了公转。其旋转变换及坐标系关系如图所示:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: