为什么 three.js 中的几何图形中有黑色圆圈？

Question

js，我正在尝试创建一个具有球体几何形状的地球，当我使用它时，一切都很好：

const geometry = new THREE.SphereGeometry( 500, 64, 32 );

但是当我尝试像这样把它变大时:

const geometry = new THREE.SphereGeometry( 10000, 64, 32 );

里面有一个黑圈，像这样：

这是我的地球几何代码：

const geometry = new THREE.SphereGeometry( 10000, 64, 32 );
  const material = new THREE.MeshBasicMaterial({color: 'rgb(135,206,235)' , side: THREE.DoubleSide})  ;
  const sphere = new THREE.Mesh( geometry, material );
  scene.add( sphere );

这是我的相机代码（我认为是错误的）：

var camera = new THREE.PerspectiveCamera(45, window.innerWidth/window.innerHeight, 1, 1000);

Answer 1

您需要将 camera.far 属性设置为更高的值。现在它设置为 1,000，但对于半径为 10,000 的球体，圆的某些部分将超出相机的最大范围。这些是您看到的黑色区域。

See here for docs on the Camera.far property

为什么 three.js 中的几何图形中有黑色圆圈？

why is there Black circles in my geometry in three.js?

three.js