错误的三角形z-index在Three JS中创建一个工件

Wrong triangle z-index in Three JS create an artifact

本文关键字:一个 创建 三角形 z-index JS Three 错误      更新时间:2023-09-26

我正在使用Three.js,在某些情况下我遇到了一个问题。
这就是问题所在:http://i60.tinypic.com/1zz6jac.png

我已经做了我的研究,我知道这是一个CanvasRenderer问题,没有办法解决这个问题,而不使用WebGLRenderer?

我试图使用WebGLRenderer,但现在我有更多的问题,因为我创建我的脚本周围CanvasRenderer:
http://i59.tinypic.com/9joktu.png
此外,使用WebGLRenderer,不透明度不再对我的立方体和线条起作用,它可以在屏幕截图中立方体下面的网格中看到。

您所看到的是CanvasRenderer的工件。你能做的最好的就是镶嵌你的几何图形。例如,

THREE.BoxGeometry( 10, 10, 10, 4, 4, 4 );

小提琴:http://jsfiddle.net/Z87uX/3

three.js r.67