对three.js中的深度感到困惑

Question

我在three.js中遇到了一个很大的问题。

我无法正确渲染新插入网格上的小玩意，如下图所示。

旧网格是位于顶部的房间，新加载的网格是右下方的房间。

可以看出，Gizmo的圆形网格（RingGeometry，depthWrite = false，depthTest = false，transparent = true，opacity = 0.5）不会在底层房间呈现。

相机是正字法。

房间和相机的网格有MeshBasicMaterial

Answer 1

我解决了。 问题是renderOrder而不是材料。

在

this.handleGizmos.XZ[0][0].renderOrder = 1;

在TransformControls.js中

做完了！