three.js精灵模型不被遮挡

在 Three.js 中，精灵模型是一个平面的 2D 图片，可以被用来表示粒子、标签、图标等。如果要让精灵模型不被其他的 3D 对象遮挡，可以使用 `sprite.material.depthTest` 属性来控制深度测试。深度测试决定了哪些像素应该被渲染在前面，哪些应该被渲染在后面。默认情况下，设置为 true，会进行深度测试，即只有当精灵模型在其他 3D 对象的前面时，才会被渲染。如果要让精灵模型总是处于最前面，可以将 `depthTest` 属性设置为 false，如下所示：

sprite.material.depthTest = false;

但是这样会导致精灵模型不再进行深度测试，可能会遮挡其他的 3D 对象。如果需要同时显示多个精灵模型，可以将它们用一个组合对象 `THREE.Object3D` 来管理，然后再将这个组合对象加入到场景中。这样可以保证这些精灵模型按照正确的顺序进行渲染，避免相互遮挡。