在 ThreeJs 中围绕中心点上下移动 3D 相机答案

【问题标题】：Moving 3D camera up and down around a central point in ThreeJs在 ThreeJs 中围绕中心点上下移动 3D 相机
【发布时间】：2012-12-10 12:10:23
【问题描述】：

我在 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);

【问题讨论】：

标签： javascript opengl-es 3d webgl three.js

【解决方案1】：

您可以使用this example的代码作为基础：

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 );

【讨论】：

对不起，“lat”变量指的是什么？纬度？谢谢。