javascript - 三.js 行为异常的被遮挡对象

Question

使用 three.js 库，我设法将 3D 对象的遮挡边缘显示为虚线。

而且我希望被其他对象遮挡的边缘以相同的方式表现。

使用此处解释的解决方案，除了某些奇怪的情况外，它工作正常。

这是这种情况的说明（我使用正交相机，所以我们看不到物体之间的距离，因此图片中的文字）：

有没有人遇到过类似的事情？

知道为什么在这种情况下它不起作用吗？

也许polygonOffset: true, polygonOffsetFactor: 1, polygonOffsetUnits: 1我的代码中的部分被滥用了。

或者也许side: THREE.DoubleSide在我的材料中是这个问题的根源。因为我已经看到它在透明度方面有一些奇怪的行为。

这是我的代码：http: //jsfiddle.net/car3v/4/

Answer 1

带有材质的虚线的对象depthTest: false必须在前面，以防它被“普通”对象的网格遮挡。所以我只是手动设置dashed_object.renderDepth = 9007199254740992;了 JavaScript 中可能的最大整数，现在它可以正常工作了。