8.7.1 旋转和坐标系

　　使用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)运行这段程序，可以看到地球带着月球开始了公转。其旋转变换及坐标系关系如图所示：