绕一点移动一个圆

Question

我有一个偏离实体中心点的圆（边界圆），我正在研究如何在实体旋转时围绕该圆移动该圆，以便它始终位于角色的同一位置。例如，假设我有一个汽车前部的边界圆，当汽车转弯时，该边界圆也需要转动。

所以我有两点：position，它是实体中心点的位置；offset，它是圆相对于该位置的偏移量。假设角度为 0。

因此，如果我的车面向 0 度： position (150, 150) 和 offset (50, 0) 那么边界圆将位于 200, 150。

现在，如果我将汽车旋转 90 度，边界圆 将位于 200, 150 处。应该在位置 150、200。

这就是我现在所拥有的：

var differenceX : Number = _centre.x - _offset.x;
var differenceY : Number = _centre.y - _offset.y;

var rotatedX : Number = differenceX * Math.cos(_angle);
var rotatedY : Number = differenceY * Math.sin(_angle);

var currentOffset : Point = new Point(_centre.x + rotatedX, _centre.y + rotatedY);

但它给了我这些长椭圆形，现在是一个完美的圆形。

有想法吗？

Answer 1

您正在旋转对象的偏移和位置之间的差异。我认为您直观上有正确的想法，想要旋转圆与其对象之间的距离，但可能会错误地将偏移量视为圆的位置？无论哪种方式，由于您已经有了偏移量，因此我们不需要计算两者之间的距离。

此外，当您旋转 2D 矢量时，您还需要使用 2D 旋转。 2D 旋转使用 x 和 y 分量来组成每个新的 x' 和 y' 分量。快速谷歌会返回类似这个的内容。

因为代码总是更容易理解：

var cosAngle : Number = Math.cos(_angle);
var sinAngle : Number = Math.sin(_angle);

var rotatedX : Number = _offset.x * cosAngle - _offset.y * sinAngle;
var rotatedY : Number = _offset.x * sinAngle + _offset.y * cosAngle;

var currentOffset : Point = new Point(_centre.x + rotatedX, _centre.y + rotatedY);

之前旋转的椭圆形是由于未使用 2D 旋转而导致的，并且圆的距离可能是关闭的，因为 DifferenceX 和 DifferenceY 不是正确的值。

Answer 2

也许尝试不使用实体来绘制圆圈：

var circlePositionX : Number = _centre.x - _offset.x;
var circlePositionY : Number = _centre.y - _offset.y;

var radius : Number = 50;

var rotatedX : Number = circlePositionX + (radius * Math.cos(_angle));
var rotatedY : Number = circlePositionY + (radius * Math.sin(_angle));

希望有帮助......

Answer 3

要旋转汽车，您可以有效地将其带回原点并在那里旋转，然后将其平移回来。圆心是相同的，即它只是汽车上的另一个点。只需单独对_offset进行旋转，然后通过_centre平移即可
。