嘿，这个问题我之前也踩过坑！核心原因很明确：Three.js不会自动监听camera.near/camera.far的属性变化并更新投影矩阵。当你直接修改这两个值时，相机内部的投影矩阵还是基于初始化时的参数计算的，渲染器自然会沿用旧的裁剪面设置，哪怕你看到调试器里的属性值已经变了。

为什么会这样？ #

PerspectiveCamera的投影矩阵只会在两种场景下重新计算：

• 相机初始化时（调用new THREE.PerspectiveCamera()）
• 手动调用camera.updateProjectionMatrix()方法时

直接修改near/far属于“静默修改”，Three.js的相机实例不会主动检测到这个变化，所以不会自动更新矩阵。

解决方法 #

每次修改完camera.near和camera.far之后，必须手动调用更新方法，让相机重新生成投影矩阵。示例代码如下：

// 计算得到合适的camera.position.z
const calculatedZ = getSuitableCameraZ(); 

// 设置相机位置和裁剪面参数
camera.position.z = calculatedZ;
camera.near = calculatedZ / 2;
camera.far = calculatedZ * 2;

// 关键步骤：强制更新投影矩阵
camera.updateProjectionMatrix();

执行这一步后，渲染器就会使用新的裁剪面参数进行渲染了。如果你的项目里用到了第三方相机控制库（比如OrbitControls），不需要额外做其他操作——只要更新相机的投影矩阵，控制库会自动适配新的参数。

内容的提问来源于stack exchange，提问作者Nickolas Choupik