javascript - 如何在不设置 z 坐标的情况下给 Three.js 对象一个 z-index？

Question

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

Three.js 有这方面的工具吗？

Answer 1

可以设置mesh的renderOrder，但是material.depthTest需要先设置为false。

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