首页 > 解决方案 > 如何在不改变角度的情况下在屏幕上向上移动相机?(三.js)

问题描述

我有一个简单的场景设置,我可以围绕一个对象旋转。相机旋转正常,它在屏幕/画布上太低了。我怎样才能让它看起来更高,而不改变角度或任何东西?

这是它的样子:

在此处输入图像描述

当我更改 camera_pivot 的旋转时,它会正确旋转。我只是希望球体位于屏幕的中心。现在它停留在底部。

const scene = new THREE.Scene();
display.cameras.perspective = new THREE.PerspectiveCamera( 75, 1, 0.1, 1000 ); 

const camera_pivot = new THREE.Object3D();
display.cameras.perspective.position.set(2, 0, 0);
camera_pivot.position.set(0, 0.5, 0);
display.cameras.perspective.lookAt(camera_pivot.position);

display.cameras.perspective.rotateAround = 45;
display.cameras.perspective.rotateUp = 45;
camera_pivot.add(display.cameras.perspective);
scene.add( camera_pivot );

camera_pivot.rotation.z = degreesToRadians(display.cameras.perspective.rotateUp);
display.shapes.sphere = new THREE.Mesh( new THREE.SphereBufferGeometry(0.5, 16, 16), material);
scene.add(display.shapes.sphere);

标签: three.js

解决方案


推荐阅读