如何在透视和正交相机之间切换,保持所需对象的大小

时间:2018-01-10 12:22:18

标签: javascript three.js coordinate-transformation perspectivecamera orthographic

我尝试在我的脚本中切换透视和正交相机。 我想要一些深度的物体来保持它的投影尺寸。 我放弃了解几何......

您是否可以提供指向简单教程的链接this对我来说太复杂了。

对于position.z==0的对象,我有:

perspCamera = new THREE.PerspectiveCamera(45, W / H, 1, 1000);
perspCamera.position.z = 100;

var S=Math.tan((45/180)*Math.PI)*100;
orthoCamera = new THREE.OrthographicCamera( -S, S, S, -S, 1, 1000 );

这是不正确的。

更新

我知道了,我会用codepen链接发布答案

1 个答案:

答案 0 :(得分:2)

在透视投影中Z距离和大小之间的关系是:

var fov_y   = 45;
var depht_s = Math.tan(fov_y/2.0 * Math.PI/180.0) * 2.0;

enter image description here

因此,正交投影必须是(THREE.OrthographicCamera):

var Z      = 100;
var aspect = W / H;
var size_y = depht_s * Z;
var size_x = depht_s * Z * aspect; 

orthoCamera = new THREE.OrthographicCamera(
    -size_x/2,  size_x/2,
     size_y/2, -size_y/2,
     1, 1000 );