使用鼠標圍繞中心旋轉Three.js相機

Question

我正在嘗試使用鼠標圍繞中心點（0、0、0）旋轉相機，但是如果我向右或向左旋轉180度，則嘗試向上或向下旋轉時，它根本不會垂直旋轉。

我正在嘗試使用經度/緯度坐標，然后將其轉換為笛卡爾坐標，例如：

this.camera.position.x = Math.sin(this.lat) * this.alt;
this.camera.position.z = Math.cos(this.lat) * Math.cos(this.lng) * this.alt;
this.camera.position.y = Math.cos(this.lat) * Math.sin(this.lng) * this.alt;
this.camera.lookAt(new THREE.Vector3(0, 0, 0));

一個最小的示例在這里： https : //jsfiddle.net/qsor9w27/2/

Answer 1

我認為最簡單的方法是使用OrbitControls或TrackballControls

請參見使用OrbitControls的此示例 。