THREE.JS:以正确的 z 索引渲染大的、远处的物体，并仍然放大小物体

Question

我有一个场景，我正在绘制(按比例)地球、月球和一些航天器。当月球被地球遮挡时，它并没有消失，而是仍然可见(透过地球)。

来 self 的research我发现部分问题在于我的相机的近距设置太小，如链接的文章中详细介绍的，近距值过小会导致 z 排序中的舍入，从而混淆了非常远的物体。

这里的复杂性在于，当相机放大时，我需要有细粒度的 z 索引，以查看航天器(与地球相比，半径最大为 61 米的物体，重量为在r =~ 6.5e+06 米)。为了使月球和地球尺度上的物体以正确的顺序渲染，近距离必须至少为 100,000 m，此时我无法看到近距离物体。

一种解决方案是缩小比例以使用公里，但我不能失去这种精度，并且更喜欢使用米。

关于如何使非常大的、遥远的物体以正确的 z 索引渲染，同时保持比例和放大小物体的能力，有什么想法吗？

我的想法(我不知道如何实现):

• 更改 z 缓冲区以包含更多值和更高的分辨率？
• 将远处的物体添加到使用“farCamera”渲染的“farScene”中，该“farCamera”由特写相机上使用的相同控件控制？

Answer 1

根据 @WestLangley 的回答，解决方案只需将选项logarithmicDepthBuffer: true 添加到渲染器:

this.renderer = new THREE.WebGLRenderer({antialias: true, logarithmicDepthBuffer: true});