Threejs更新fov无效呀？

Number of views 45
threejs

我通过设置相机的位置是能到我想要的位置，这是设置相机位置的代码：

camera.position.set()

但是设置fov为啥就不行了呢？

camera.fov.set()
MaKai7
1 Answers

在 Three.js 中，fov（Field of View）属性是一个数值，表示摄像机视锥体的垂直视野角度。因此，你应该直接给 fov 赋值一个数字，而不是调用 .set() 方法。

以下是如何正确设置 fov 的示例：

camera.fov = 75; // 设置你想要的 fov 值，例如 75 度
camera.updateProjectionMatrix(); // 更新投影矩阵以应用新的 fov 值

updateProjectionMatrix() 是必需的，因为更改 fov 后需要重新计算摄像机的投影矩阵。

完整的示例代码如下：

// 创建一个透视相机
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);

// 更改 fov
camera.fov = 45; // 你可以将这个值改为任何你想要的角度
camera.updateProjectionMatrix(); // 更新投影矩阵

// 设置相机位置
camera.position.set(x, y, z); // 将 x, y, z 替换为你需要的坐标值

这样，你就可以成功地更改摄像机的视野角度，并且看到效果。

MaKai7