Question

我想创建一个类似rotateAroundInternalPoint()的函数。到目前为止，我的解决方案是：

import flash.events.Event;
import flash.geom.Matrix;
import flash.geom.Point;

addEventListener( Event.ENTER_FRAME, onFrame );

function onFrame(e:Event):void
{
    var m:Matrix = item.transform.matrix.clone();
    var point:Point = new Point( 50, 50 ); // The object's width and height are 100px, so 50 is the center
    point = m.transformPoint( point );
    m.translate( -point.x, -point.y );

    m.rotate( 5 * ( Math.PI / 180 ) );
    m.translate( point.x, point.y );

    item.transform.matrix = m;
}

然而，这段代码存在一个根本性缺陷 - 每次迭代都会越来越精确。

有人可以指出造成这种情况的原因以及解决方案是什么？

Answer 1

我通过引入一个不会改变的参考矩阵解决了这个问题，因此初始迭代中的错误将不存在。

以下是实施：

import flash.events.Event;
import flash.geom.Matrix;
import flash.geom.Point;

var referenceMatrix:Matrix = item.transform.matrix.clone();

addEventListener( Event.ENTER_FRAME, onFrame );

var i:Number = 0; // you'll need this because the referenceMatrix rotation will only go one step, so instead you need to increase the rotation

function onFrame(e:Event):void
{
    var m:Matrix = referenceMatrix.clone();
    var point:Point = new Point( 100, 100 ); // pivot point local to the object's coordinates

    point = m.transformPoint( point );
    m.translate( -point.x, -point.y );
    m.rotate( i * ( Math.PI / 180 ) );
    m.translate( point.x, point.y );
    item.transform.matrix = m;

    i += 1.2; // rotation step
}

请注意，此代码是以框架形式编写的，并未针对实际使用进行优化，而是说明了算法。

连续物体围绕点旋转

1 个答案: