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

Question

我在three.js 中有一个很大的问题。

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

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

可以看出，Gizmo 的圆形网格（RingGeometry，depthWrite = false，depthTest=false，transparent=true，opacity=0.5）未在底部房间上渲染。

相机是正交的。

房间和相机的网格有MeshBasicMaterial

标签： three.js

Answer 1

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

这

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

在 TransformControls.js 中完成了这项工作！