Three.js - 我可以强制一个形状可见，即使它被遮挡了吗？

Question

我有一组对象，我希望它们始终可见，即使它们被另一个对象遮挡。它们的对象是网格，而不是粒子或精灵。这是我试图模仿的效果的屏幕截图。这是在C ++和OpenGL中完成的：

注意红色和绿色三角形以及黑色线条（以及文本）。它们都躺在地平面上，但即使绿色机器更近，它们也是可见的。

我可以使用Three.js强制可见性吗？

Answer 1

您可以通过禁用材质的深度测试来实现此目的。这意味着它总是呈现在一切之前。

var material = new THREE.MeshBasicMaterial({color: 0xFF0000});
    material.depthTest = false;
var mesh = new THREE.Mesh(new THREE.BoxGeometry(5, 5), material);