javascript - 使用鼠标围绕中心旋转 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

参见this example它正在使用 OrbitControls。