Javascript 在3J中围绕中心点上下移动3D相机

Javascript 在3J中围绕中心点上下移动3D相机,javascript,opengl-es,3d,webgl,three.js,Javascript,Opengl Es,3d,Webgl,Three.js,我正在用ThreeJs制作一个非常基本的应用程序,我在中间有一个对象和两个滑块(水平旋转和垂直旋转)。两个滑块都输出一个介于0和360之间的整数。到目前为止,我设法用第一个滑块水平移动我的相机。但是我希望能够用第二个滑块在物体周围上下移动相机,但我无法找出正确的数学公式 下面是我现在的方程式: camera.position.x = originX + radius * Math.cos(horizontal_degrees*(Math.PI/180)); camera.position.z

我正在用ThreeJs制作一个非常基本的应用程序,我在中间有一个对象和两个滑块(水平旋转和垂直旋转)。两个滑块都输出一个介于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);
您可以使用的代码作为基础:

对不起,“lat”变量指的是什么?纬度?非常感谢。
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 );