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

您可以使用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 );

在Three Js的中心点周围上下移动3D相机

1 个答案: