使用 THREE.js 的等距相机

Question

如何将相机角度设置为等距投影？

Answer 1

要获得等轴测视图，您可以使用

OrthographicCamera

。然后您需要正确设置相机的方向。有两种方法可以做到这一点：

方法 1 - 使用

camera.lookAt()

const aspect = window.innerWidth / window.innerHeight;
const d = 20;
const camera = new THREE.OrthographicCamera(
    - d * aspect, d * aspect, d, - d, 1, 1000
);
camera.position.set( 20, 20, 20 ); // all components equal
camera.lookAt( scene.position ); // or the origin

方法 2 - 设置

camera.rotation

的 x 分量

camera.position.set( 20, 20, 20 );
camera.rotation.order = 'YXZ';
camera.rotation.y = - Math.PI / 4;
camera.rotation.x = Math.atan( - 1 / Math.sqrt( 2 ) );

编辑：更新小提琴：https://jsfiddle.net/vkjew52q/

三.js r.146