首页 文章

在ThreeJs的中心点上下移动3D相机

提问于
浏览
2

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

1 回答

  • 2

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

相关问题