javascript - 在 ThreeJs 中围绕中心点上下移动 3D 相机

Question

我在 ThreeJs 中做了一个非常基本的应用程序，我在中心有一个对象和 2 个滑块（水平旋转和垂直旋转）。两个滑块都输出一个介于 0 和 360 之间的整数。到目前为止，我设法使用第一个滑块在对象周围水平移动相机。但是我希望能够使用第二个滑块在对象周围上下移动相机，但我无法计算出正确的数学。

这是我目前的方程式：

camera.position.x =  originX + radius * Math.cos(horizontal_degrees*(Math.PI/180));
camera.position.z =  originY + radius *Math.sin(controls.horizontal_rotation(Math.PI/180));
camera.position.y=  //??? i can't figure this out.
camera.lookAt(scene.position);

Answer 1

您可以使用此示例的代码作为基础：

var horizontal_degrees = 0;
var vertical_degrees = 0;

var theta = horizontal_degrees * Math.PI / 180;
var phi = vertical_degrees * Math.PI / 180;

camera.position.x = originX + radius * Math.sin( phi ) * Math.cos( theta );
camera.position.y = originY + radius * Math.cos( phi );
camera.position.z = originZ + radius * Math.sin( phi ) * Math.sin( theta );