代码之家 › 专栏 › 技术社区 › Carpetfizz

THREE.js透视相机焦距为2倍,与视野不一致

perspectivecamera three.js

Carpetfizz · 技术社区 · 7 年前

const camera = new THREE.PerspectiveCamera(75, width / height, 0.1, 1000);

我们从光学上知道,摄像机的视场与焦距的关系如下式所示

FOV = arctan(d/2f)

哪里 FOV 是垂直视场,单位为度, d 是图像平面的高度,单位为mm,并且 f 是相机的焦距,单位为mm。

读后 the documentation D 默认情况下设置为 35mm / aspectRatio .

我们可以表达 视野

FOV = arctan((35/(width/height))/2f) = arctan(filmHeight / 2f)

作为一个健全性检查,我打印了以下值,以查看是否可以返回 75 .

Math.atan(camera.getFilmHeight()/(2 * camera.getFocalLength())) * 180 / Math.PI;

但是这个值被证明是 37.50000000000001

正好是预期焦距的一半 .

1 回复 | 直到 6 年前

Rabbid76 7 年前

这个 .fov 角度是最重要的

但你要计算的是,视图中心到顶部的角度:

Math.atan( (camera.getFilmHeight()/2) / camera.getFocalLength())) * 180 / Math.PI;

这确实是我们的一半 .fov :

fov = 2 * Math.atan( (camera.getFilmHeight()/2) / camera.getFocalLength())) * 180 / Math.PI;

推荐文章

5rod · 如何在three_js(Flutter)中设置缓冲区几何属性?

1 年前

TheBeginner · 三个JS锥体在globe.gl中未显示为标记

2 年前

Mandroid · 类型错误:三。BufferAttribute:数组应该是类型化数组

2 年前

jamfury · 从集合中获取纹理

2 年前

Voy Hexag · 边几何体-从不位于原点的网格中绘制边界边

2 年前

Slaven Soldo · Three.js中只提取复杂缓冲几何体的外边缘

2 年前

Chiara Ani · 对象属于类并且在typescript中具有属性?

2 年前

Pilves · ThreeJS Div跟随鼠标

2 年前

liminalFrog · three.js-OrbitControls阻尼在鼠标按下时有效,但在鼠标停止移动时没有阻尼

2 年前

David Lin · 使用useRef钩子的React Fiber Mesh元素,“ref.current”可能是“未定义的”

2 年前