带有three.js的被遮挡的对象表现得很奇怪

时间:2013-04-19 17:55:09

标签: javascript three.js webgl

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

我希望其他对象遮挡的边缘的行为方式相同。

解决方案解释here除了一些奇怪的情况外,它的工作正常。

以下是这种情况的说明(我使用的是正交相机,因此我们看不到物体之间有多远,因此图中的文字): enter image description here

有没有人遇到过类似的东西?

知道为什么在这种情况下它无法正常工作?

我的代码中的polygonOffset: true, polygonOffsetFactor: 1, polygonOffsetUnits: 1部分可能被误用了。

或者我的材料中的side: THREE.DoubleSide可能是此问题的根源。因为我看到它有一些透明的奇怪行为。

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

1 个答案:

答案 0 :(得分:0)

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