如何在 Three.js 上使用额外的参数作为 z-index？答案

【问题标题】：How to use an extra parameter as the z-index on Three.js?如何在 Three.js 上使用额外的参数作为 z-index？
【发布时间】：2013-08-23 22:39:19
【问题描述】：

我正在使用个性化的正交投影矩阵来定位我的对象，这些对象都是平面精灵。问题是没有办法从它们的位置线性地推导出投影的深度：相反，它是它们的拓扑排序的结果。如何独立于它们的位置设置它们的深度？

【问题讨论】：

看看这是否回答了你的问题。为object.renderDepth 赋值，并确保renderer.sortObjects = true。
@WestLangley 不，这没有效果。 :(
你能展示一个简单的实例，这样你的问题就清楚了吗？
@WestLangley 当然，viclib.com/lintae（键：ASDWJK）。注意这些框是如何没有按正确的顺序绘制的。我正在使用个性化的正交相机。我已经可以确定正确的顺序，但我不知道如何将该信息提供给 Three.js。奇怪的是，.sortObjects 根本没有区别。就好像我的投影矩阵覆盖了它。
请举一个简单的例子，有 3 个精灵，没有别的。请同时提供一张图片来展示它的外观。

【解决方案1】：

对于网格，您可以为object.renderDepth 分配一个值，并确保renderer.sortObjects = true。

但是，这不适用于精灵。当sprite.material.useScreenCoordinates = false 时，精灵总是按它们在相机空间中的 z 坐标排序。

three.js r.60

【讨论】：