Javascript 有Z-战斗问题

我正在使用Babylon.js制作一个3D游戏。我的项目将在所有浏览器上运行。然而，当用户在Firefox中运行它时，似乎存在一些Z-Fighting问题，一些3d对象无法正确渲染或根本无法渲染！我还注意到，有些纹理会有条纹接缝，像这样沿对角线延伸

---

我在网上做了一些研究，发现了.css的z-index属性。我玩了这个设置，但它并没有解决我的问题。我愿意接受任何建议来帮助我解决这个问题？非常感谢

鉴于我的评论被证明是有用的，我将在这里重新引用它，以便将此答案标记为已接受

粗略猜测，锐利的边缘与抗锯齿有关，而3D是相对较新的。尝试更改任何透视图值

---

这也可能是2天前firefox的一个bug。设置

反别名：false

时，firefox还需要

模具：true

来启用24位深度缓冲。

z-fighting（2020年） BABYLON.js自2015年开始发展，因此以下是我对如何应对z战的建议：

material.use对数深度=真
对于场景中的所有材质。看这个

调整

material.zOffset

（负值强制使深度向摄影机移动）。看这个

---

请注意，问题中提出的

z-index

和css通常对3D场景没有影响。它生活在

元素内部的自己的世界中。3D对象不是DOM元素，每个引擎（BABYLON、THREE等）都以自己的方式表示它们。

我们需要一些代码才能真正继续，如果可能，请使用并将我们链接到它。粗略猜测，锐利的边缘与抗锯齿有关，而3D是相对较新的。尝试更改任何透视值。@jaunt YESS！我找到了一个.js类，它处理与相机设置有关的所有事情。我玩了一些价值观，似乎它开始修复一些z-战斗的问题。我马上就把它修好。非常感谢。