javascript - 如何控制THREE.PerspectiveCamera的透视变形

Question

我的目标是渲染 collada 对象并将其完美地放置在该对象的图像上。

假设我有由 3ds max 中的 v-ray 渲染器渲染的图像(绿色)和我使用透视相机(红色)由三个 js 渲染的 collada 对象。
问题是我对渲染对象的透视变形比对图像的透视变形更大。
我看到 THREE.PerspectiveCamera 有 focus 属性，这似乎是我正在寻找的。但是当我改变它时什么也没有发生。
THREEJS 文档说:

.focus

Object distance used for stereoscopy and depth-of-field effects. This parameter does not influence the projection matrix unless a StereoCamera is being used.

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

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

Answer 1

最好更改 PerspectiveCamera 的 FOV。

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

因此，第一个参数60是视野(FOV)。此参数的值越小，失真就越小，但是您必须向后移动相机才能保持适当的场景 View ，或者您必须缩小对象的比例越大。根据您想要获得的内容，尝试使用相机的 FOV 和对象的缩放。