使用MeshFaceMaterial，renderList排序函数不稳定

Question

我使用Three.js ver。 61 浏览器是Firefox ver。 24.0和Chrome 30.0.1599.69 m 我在Windows Xp，7和8上测试了应用程序。

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

对于棱镜，我使用了MeshFaceMaterial（材料）

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});

我希望我很清楚。