更新BufferGeometry顶点后网格遭视锥体剔除的解决方案咨询

修改BufferGeometry的顶点位置后，部分网格被视锥体误剔除，不想关闭frustumCulled = false，也无法修改网格的position属性，以下是可行的解决思路：

核心原因 #

Three.js的视锥体剔除逻辑依赖**几何体的边界球（Bounding Sphere）**而非边界盒（Bounding Box）。你的红色网格初始顶点围绕原点，Three.js自动生成了以原点为中心的边界球；更新顶点到(0,10,0)附近后，你只更新了边界盒，但没更新边界球，导致剔除判断仍用旧的、范围不足的边界球，从而出现误剔除。

解决选项 #

1. 手动更新边界球 #

在更新顶点并设置needsUpdate = true后，调用computeBoundingSphere()让Three.js重新计算边界球：

setTimeout(() => {
  // 更新顶点位置的代码
  redMesh.geometry.attributes.position.setXYZ(0, 0, 10, 0)
  redMesh.geometry.attributes.position.setXYZ(1, 0, 11, 0)
  redMesh.geometry.attributes.position.setXYZ(2, 0, 10, 1)
  redMesh.geometry.attributes.position.setXYZ(3, 0, 10, 0)
  redMesh.geometry.attributes.position.setXYZ(4, 0, 11, 0)
  redMesh.geometry.attributes.position.setXYZ(5, 1, 10, 0)
  
  redMesh.geometry.attributes.position.needsUpdate = true
  redMesh.geometry.computeBoundingBox()
  // 关键：重新计算边界球
  redMesh.geometry.computeBoundingSphere()
}, 2000)

这是最通用的方案，适用于任意顶点修改场景。

2. 使用几何体平移方法（适合整体偏移） #

如果你的顶点是整体偏移（比如所有Y坐标加10），可以用BufferGeometry.translate()方法，它会自动更新顶点数据、边界盒和边界球，代码更简洁：

setTimeout(() => {
  // 整体平移Y轴10单位，自动处理所有更新
  redMesh.geometry.translate(0, 10, 0)
  redMesh.geometry.attributes.position.needsUpdate = true
}, 2000)

3. 手动设置边界球（性能最优） #

如果你明确知道更新后几何体的边界范围，可以直接创建THREE.Sphere对象赋值给geometry.boundingSphere，避免计算开销：

setTimeout(() => {
  // 更新顶点位置的代码...
  
  redMesh.geometry.attributes.position.needsUpdate = true
  // 手动设置边界球：中心(0.5, 10.5, 0.5)，半径≈0.866
  redMesh.geometry.boundingSphere = new THREE.Sphere(
    new THREE.Vector3(0.5, 10.5, 0.5),
    Math.sqrt(0.5**2 + 0.5**2 + 0.5**2)
  )
}, 2000)

验证修改 #

修改后，红色网格的边界球会匹配新的顶点范围，视锥体剔除逻辑会和绿色网格保持一致，缩放/移动相机时不会再出现误剔除情况。

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