如何在三个js中计算透视相机的fov？

Question

我想在画布上设置CubeGeometry touch，我使用了这个fovFormula，但没有成功。这个CubeGeometry 已经不在画布上了。

var height = 500;
var distance = 1000;
var fov = 2 * Math.atan((height) / (2 * distance)) * (180 / Math.PI);
itsLeftCamera = new THREE.PerspectiveCamera(fov , 400 / 500, 1.0, 1000);

如果我计算错了，请指导我如何克服这个问题？我想以一般化的方式设置它，这样在透视相机的任何位置，这个几何图形都会完美地接触到我的画布，并且这个几何图形应该位于画布的中心。

Answer 1

IMO 您应该计算对角线而不是 fov 计算器中的高度，因为在计算高度时，您专注于高度，从而切断大于高度的宽度部分......当您计算对角线时，您的相机专注于整个矩形...所以代码 imo 应该是

var height = 500; //Height of the viewport
var width = 400; //Width of the viewPort
var distance = 1000; //Distance of the viewer from the viewport

var diag = Math.sqrt((height*height)+(width*width))
var fov = 2 * Math.atan((diag) / (2 * distance)) * (180 / Math.PI);
itsLeftCamera = new THREE.PerspectiveCamera(fov , width / height, 0.1, distance);