Javascript 三个JS中的错误三角形z索引创建一个工件

我正在使用Three.js，在某些情况下遇到了问题。
这就是问题所在：

我已经做了研究，我知道这是一个画布渲染器问题，如果不使用WebGLRenderer，就无法解决这个问题？

我尝试使用WebGLRenderer，但现在我遇到了更多问题，因为我是围绕CanvasRenderer创建脚本的：

---

此外，使用WebGLRenderer，不透明度不再适用于我的立方体和线条，它可以在屏幕截图中立方体下方的网格中看到。

您看到的是

画布渲染器的工件。您所能做的最好的事情就是细分几何体。比如说,

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

小提琴：

three.js r.67
1。你的问题到底是什么？2.显示你的代码，让我们知道你在做什么。这是一个JFIDLE点击按钮，只改变y位置，但创建一个小故障。我的第一个问题是：如何使用CanvasRenderer编写一个没有图形问题的脚本？这样更好吗？这不是更好，这是完美的。谢谢我是stackoverflow的新手，我怎样才能奖励你的答案？