javascript - 高架相机观察点

Question

我正在围绕 z 轴旋转一个球体，并想要一个高架相机俯视这个球体。不幸的是，相机“不稳定”，让我晕船。如何防止相机中出现这种波动？

移动和观察球体的代码在这个 JS Fiddle 的 animate 方法中.

function animate() {
    requestAnimationFrame(animate);
    var timer = Date.now() * 0.0009;
    sphere.position.x = Math.sin(timer) * 3000;
    sphere.position.y = Math.cos(timer) * 3000;
    camera.lookAt(sphere.position);
    render();
}

Answer 1

正如你所说，为了让相机一直注视地平线，我认为你必须使用 Object3D:

obj = new THREE.Object3D(); // use object so that rotation is relative to this
obj.add(sphere);
sphere.position.y = 3000; // distance from origin
scene.add(obj);    // add object, no sphere

就像这里:http://jsfiddle.net/kjtffr02/4/