Three.js旋转地球兴趣点仅显示在背面的问题求助

你的问题是兴趣点仅在地球背面可见，核心原因是深度缓冲区精度不足——地球表面和兴趣点的距离过近（仅0.1单位），渲染器无法正确区分两者的前后关系，正面时兴趣点被误判为在地球后方被遮挡，背面时地球的正面朝向远离相机，兴趣点不受遮挡。

以下是两种可行的解决方案：

方案1：开启对数深度缓冲区 #

在创建WebGLRenderer时开启logarithmicDepthBuffer，提升深度缓冲区的精度，能更好地区分近距离物体：

const renderer = new THREE.WebGLRenderer({ logarithmicDepthBuffer: true });

这个方案能从根源解决深度精度问题，同时不影响其他渲染逻辑。

方案2：关闭兴趣点的深度测试 #

给兴趣点的材质设置depthTest: false，让渲染器忽略深度检测，强制显示兴趣点：

const pointMaterial = new THREE.MeshBasicMaterial({
  color: 0xff0000,
  depthTest: false
});
const point = new THREE.Mesh(new THREE.SphereGeometry(0.1, 8, 8), pointMaterial);

这种方式更直接，适合不需要考虑复杂遮挡场景的需求。

另外可以确认兴趣点的位置计算逻辑（比如你代码里的multiplyScalar(5.1)）是正确的，确保它确实处于地球外部（地球半径为5，兴趣点在外侧）。

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