如何在不设置 z 坐标的情况下为 Three.js 对象提供 z 索引？

Question

我正在使用 Three.js 渲染多个THREE.PlaneGeometry分层排列的 2D 对象 ( )。所有这些都应在同一平面上对齐，但某些物体“位于其他物体的前面”或“挡住其他物体的视线”。换句话说，我想模拟 CSSz-index属性，但不实际使用 -dimension z，因为这会导致透视问题。

Three.js 有这方面的设施吗？

Answer 1

可以设置renderOrder网格的大小，但material.depthTest应该false先设置。

    body.material.depthTest = false;
    body.renderOrder = 1;