AS3：用鼠标旋转 DisplayObject

Question

我基本上试图创建一个显示对象转换管理器，它允许我缩放/旋转对象。我目前正在尝试弄清楚如何旋转对象，使其角点跟随鼠标当前的 x 和 y 方向。

我总是对这类事情的数学感到困惑。我知道如何监听事件和所有内容，我只是不确定如何计算要应用的轮换量。我可能会通过矩阵旋转，这样我就可以围绕其中心而不是其左上角旋转对象。有谁对这方面的数学更熟练可以帮助我吗？

回应特罗巴杜尔

你的回答太精彩了，我根本无法理解。让我解释一下我能掌握什么和不能掌握什么。以下是我理解/不理解的内容的演练：

首先，保存图像中间的内容，即所谓的注册点，我们将围绕该注册点旋转所有内容：

var box:Sprite = new BeautifulSprite();
box.width = box.height = 100;
/* ... */
var registrationPoint:Point = new Point(box.x + box.width / 2, 
        box.y + box.height / 2);

到目前为止我正确吗？如果是这样，我会继续。

其次，表示原始鼠标按下的位置：

var mouseDownPoint:Point = new Point(box.mouseX, box.mouseY);

第三，存储“向量”。问题是，我不确定你的意思是向量。我熟悉 Java 和 AS3 中的 Vector 类型，因为它们存储特定类型的值列表。除此之外，我迷路了。

var vector:* = WTF.forReals();

接下来，保存 registrationPoint 和 mouseDownPoint 之间的距离。我记得在高中时就学过计算两点之间的距离，所以我确信我可以找出两个二维点之间的距离的公式。

var distance:Number = calculateDistance(registrationPoint, mouseDownPoint);

我知道我已经很接近了！接下来，为了确定约束比例，我们获取当前鼠标位置，确定其到 registrationPoint 的距离，并将其除以 distance。

var constrainedScale:Number = calculateDistance(registrationPoint, new Point(mouseX, mouseY)) / distance;

我的问题是：当我不希望它们受到约束时，如何获取它们，例如scaleX和scaleY？

现在，为了获得围绕注册点的实际旋转，我完全迷失了。您能使用我上面定义的变量来帮助我吗？

Answer 1

将缩放/旋转中心的鼠标坐标表示为 (x0,y0)，将处于未缩放、未旋转状态时角点的鼠标坐标表示为 (x1,y1)。存储点 (x0,y0) 并缓存向量以及 (x0,y0) 和 (x1,y1) 之间的距离。用 v0 表示缓存的向量，用 d0 表示距离。

要获得比例因子，只需计算当前鼠标坐标到 (x0,y0) 的距离并将其除以 d0。

要获取旋转角度，首先计算 (x0,y0) 和当前鼠标坐标之间的向量。 计算角度

用 v 表示。然后使用点积公式v.v0 = |v| 。 d0 cos(theta)

将为您提供 0 到 pi 之间的值。要进入正确的象限，只需检查 v 和 v0 叉积的符号并进行相应调整。