javascript - MeshFaceMaterial 的 renderList 排序功能不稳定

Question

我使用 Three.js 版本。61 浏览器为 Firefox 版本。24.0 和 Chrome 30.0.1599.69 m 我在 Windows Xp、7 和 8 上测试了该应用程序。

我的问题总是一样的（http://jsfiddle.net/eZZ5x/7/）：我在圆柱体内渲染一个棱镜。圆柱体由一系列环（我使用环形）组成，它们对应于黄色棱镜的部分。现在，当我旋转对象时，位于前面的环被绘制在位于后面的棱镜部分后面。

对于棱镜，我使用了 MeshFaceMaterial(materials) 其中

materials = [ new THREE.MeshBasicMaterial({color: 0xffff00, opacity: 0.9, depthWrite: false, depthTest: false, transparent: false, vertexColors: THREE.VertexColors, side: THREE.DoubleSide}), new THREE.MeshBasicMaterial({color: 0xff0000, opacity: 0.6, depthWrite: false, depthTest: false, transparent: true, vertexColors: THREE.VertexColors, }) ];

对于我使用的戒指和箭头

material = new THREE.MeshBasicMaterial({color: 0xC0C0C0, specular: 0xC0C0C0, shininess: 50, combine: THREE.MultiplyOperation});

我希望我很清楚。