1

我有一个简单的 Three.js 场景，我想围绕它移动相机。相机不仅需要能够移动，还需要能够改变围绕某个焦点的角度。焦点实际上是相机位置，在渲染时，我实际上只是将相机平移cameraBuff并将其放置在一个球体上，然后我告诉它看焦点。

在相机移动之前，一切正常，我可以旋转相机等等。但是，一旦我开始移动，似乎有什么东西坏了！在正常角度（垂直，0 < x < 180）它只是冻结并且根本不能围绕焦点旋转。一旦我将它向下移动一点，一切都会重新开始工作。详细说明一下，一旦cameraBuff点垂直于表面，问题就会发生。

这是我用来cameraBuff围绕焦点旋转矢量/点的代码：

//mouse.onDown* things are recorded once the mouse is initially pressed
theta = -((event.clientX - mouse.onDownPosition.x) * 0.5) + mouse.onDownTheta;
phi = ((event.clientY - mouse.onDownPosition.y) * 0.5) + mouse.onDownPhi;

phi = Math.min(180, Math.max(0, phi));

cameraBuff.x = radius * Math.sin(theta * Math.PI / 360 ) * Math.cos( phi * Math.PI / 360 );
cameraBuff.y = radius * Math.sin(phi * Math.PI / 360 );
cameraBuff.z = radius * Math.cos(theta * Math.PI / 360 ) * Math.cos( phi * Math.PI / 360 );

例如，一旦我更改phi = Math.min(180, Math.max(0, phi));为phi = Math.min(160, Math.max(20, phi));，一切正常，但我什至无法让相机垂直于表面，甚至无法降低它。

例如，按下 w 时会发生这种情况：

if (input.w)
{
    var speed = [game.direction.x*60, game.direction.z*60];

    game.camera.position.x -= speed[0]; //camera.position and focus are basically the same point all the time.
    game.focus.x -= speed[0];

    game.camera.position.z -= speed[1];
    game.focus.z -= speed[1];
}

方向计算如下：

var c = Math.sqrt(cameraBuff.x*cameraBuff.x + cameraBuff.z*cameraBuff.z);
var rat = 1/c;

game.direction.x = cameraBuff.x*rat;
game.direction.z = cameraBuff.z*rat;

有人可以解释我的代码有什么问题吗？

4

1 回答 1

3

3D 相机需要一个矢量，因此它知道如何倾斜相机。这通常是向上的方向，并且是一个正 Y 向量。如果相机平行于向上的方向，它不知道什么是向上的，所以它会猜测，你不能倾斜相机。要让相机倾斜，您需要修改向上的方向。

我没有用过 Three.js，但我认为你可以使用 camera.up 向量。

您也可以通过将角度限制为 0.1 < x < 179.9 来使其工作

于 2012-05-29T16:09:36.493 回答