three.js - 如何在不改变角度的情况下在屏幕上向上移动相机?(三.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);
解决方案
推荐阅读
- javascript - 反应:停止重新渲染状态变化的部分
- arrays - 失去对分配数组的引用 - 下标超出范围
- sql - 输出中的 PostgreSQL 舍入问题
- python - 多次初始化一个类时如何只请求一次变量(python)
- c++ - 如何在类中实现“模板”?我的代码有问题吗?
- html - socket .io 房间中的投票(投票)
- java - Spring Boot MongoDB:可以使用@GeneratedValue 和@Column 注解吗?
- python - 我正在用python制作一个excel pdf,但是excel中的图像质量变差了
- r - 如果当前列不为空,则聚合下一列的值
- angular - Angular Mat-Icon 仅显示文本(不显示 img)