Three.js版を使用しています。61 ブラウザは Firefox ver. 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});
私がはっきりしていたことを願っています。