javascript - 如何在 Three.js 上使用额外的参数作为 z-index?

标签 javascript three.js z-index depth-buffer topological-sort

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

最佳答案

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

但是,这不适用于 Sprite 。当 sprite.material.useScreenCoordinates = false 时, Sprite 始终按相机空间中的 z 坐标排序。

三.js r.60

关于javascript - 如何在 Three.js 上使用额外的参数作为 z-index?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18412920/

相关文章:

javascript - 检查观察者是否包含某些元素

javascript - 如何在不使用 jQuery 的情况下附加 javascript 变量?

javascript - 如何使用 Node js 从 firebase 数据库以 JSON 格式检索所需的 JSON 对象

html - CSS 有助于在图像上定位销售横幅

css - div 高于其他 div

css - 为什么 HTML 链接不能在透明边框的 div 中工作?

javascript - Bootstrap 幻灯片上一个和下一个按钮/箭头未显示在中间

javascript - Three.js 在哪里设置 Material 的默认着色器?

javascript - THREE.js ArrowHelper 不遵守内在的欧拉 Angular 旋转

three.js - 改变球体位置后球体物体变形