javascript - 如何旋转矢量？

Question

如果我有 [1, 0] 并且我将它旋转 90 度 = 1/2PI 弧度，我应该得到 [0, -1]。我如何实现这一目标？

我看了this page并实现了这个:

var rotateVector = function(vec, ang)
{
    // not right!
    return new PVector(
        vec.x * cos(ang) - vec.y * sin(ang),
        vec.x * sin(ang) + vec.y * cos(ang)
    );
};

但这似乎行不通。

无论是度数还是弧度都没有关系，因为几何形状保持不变。我现在使用弧度。

Answer 1

您的公式是正确的，但您需要使用以弧度而不是度为单位的 Angular :

radians = degrees * (Math.PI/180)

如果您想顺时针旋转它，请注意您的 Angular 是 -90 度而不是 90 度。或者，将其视为 90 度，但将公式更改为:

radians = -degrees * (Math.PI/180)

编辑:

根据您上次的编辑，您可能会得到以下结果:

[6.123233995736766e-17, -1]

这是因为计算机无法存储“无限”的数字。但是，如您所见，该数字非常小，因此可以将其视为 0。您可以四舍五入结果。

例如:

var rotateVector = function(vec, ang)
{
    ang = -ang * (Math.PI/180);
    var cos = Math.cos(ang);
    var sin = Math.sin(ang);
    return new Array(Math.round(10000*(vec[0] * cos - vec[1] * sin))/10000, Math.round(10000*(vec[0] * sin + vec[1] * cos))/10000);
};

并使用以下方法对其进行测试:

rotateVector([1,0], 90)

结果:

[0, -1]