我有一个场景，包括 Object3D 表示球体和表示该球体上的点的多个网格元素。我用 OrbitControls 允许交互。此外，我附上 HTMLElements 到地球上的各个点。由于球体基本上是一个球体，因此当将点放在背面时，相机可能看不到这些点。
如何检测这样一个点对于相机是否可见/是否被对象隐藏？这样做，我想隐藏 HTMLElement 相对于网格的可见性。这个 HTMLElement 的位置在渲染时更新，因此此检查也应在渲染时进行，我假设：

private render() {
   this.renderer.render(this.scene, this.camera);

   this.points.forEach(({ label, mesh }) => {
      const screen = this.toScreenPosition(mesh);
      label.style.transform = `translate3d(${screen.x - 15}px, ${screen.y}px, 0)`;

      const direction = new Vector3();
      direction.copy(mesh.position).sub(this.camera.position).normalize();
      this.raycaster.set(this.camera.position, direction);
      const intersections = this.raycaster.intersectObject(mesh);

      if (intersections.length > 0) {
           console.log(intersections);
      }
   });

   this.requestId = window.requestAnimationFrame(this.render.bind(this));
}