Html 三个JS上的z索引、renderDepth或深度排序

我正在尝试用纹理和精灵渲染一些平面。一切都有透明的PNG纹理

当对象重叠时，透明度有时工作不正确。 我试着把我的问题截图

也尝试过谷歌搜索，玩renderDepth和其他奇怪的东西，但没有任何帮助

当对象重叠时，透明度有时工作不正确。我试着把我的问题截图

对。就是这样。当涉及半透明/透明几何体时，深度测试失败（非常糟糕）。你必须将你的物体从远到近排序，然后按顺序画。否则，您需要一种称为“订单独立透明性”的东西，这对于光栅化器来说仍然是一个未解决的问题；不过还是取得了一些进展。

我的问题解决了）

不过有点奇怪。。。 首先，我试着用精灵。我遇到了第一张照片上的问题。然后，我将所有精灵转换为平面，每次摄影机旋转时，这些平面都会旋转到玩家的角度（我只有4个摄影机位置，所以这没什么大不了的）

一切都很好，但是。。。。有时，当许多项目在一个地方，他们相互重叠。。。我又开始谷歌了。找到了“alphaTest:0.5”的解决方案。成功了！ 唯一剩下的“东西”。。。这不是精灵，所以图标变形了

15分钟前，我再次尝试用精灵替换飞机，看看它是否能工作。还有。。。。它起作用了！）

从一开始我唯一要做的就是“字母测试：0.5”。 我仍然不知道alphaTest是如何工作的，为什么它会有帮助，但它确实起了作用。）

---

你能用一个简单的实例来说明这个问题吗？（不是你的整个项目。）我稍后再试。当精灵出现在具有透明纹理的平面后面时就是这种情况。