如何控制三种透视变形。相关摄影

时间:2016-11-30 12:27:33

标签: javascript three.js perspectivecamera

我的目标是使用此对象渲染collada对象并将其完美地放在图像上。
enter image description here

让我们说我的图像是由vs ray渲染器在3ds max(绿色)中渲染的 和collada对象,我用三个js使用相机(红色一个)渲染。
问题是我对渲染对象的透视失真大于图像。
我看到THREE.PerspectiveCamera具有focus属性,看起来就像我正在寻找的那样。但是当我改变它时没有任何反应。
THREEJS文件说:

  

.focus

     

用于立体视觉和景深效果的物距。这个   参数不影响投影矩阵,除非a   正在使用StereoCamera。

但我在三个js文档中没有发现任何关于StereoCamera的内容。

有人可以帮我解决这个问题吗?

1 个答案:

答案 0 :(得分:2)

最好更改PerspectiveCamera的FOV。

camera = new THREE.PerspectiveCamera(60, window.innerWidth / window.innerHeight, 1, 3000);

因此,第一个参数60是视野(FOV)。此参数的值越小,您获得的失真就越少,但您需要向后移动相机以保持适当的场景视图,或者您需要越多地缩小对象。取决于你想要的东西,玩你的相机FOV和缩放你的对象。