使用透明度重叠网格

Question

我不确定我的措辞是否正确，但情况如此。我在Three.JS中渲染了几个meshes，并具有纯色和透明度。它们有些重叠。网格重叠的地方，颜色也一样。正如你可以在深蓝色的地方看到的那样。

http://jsfiddle.net/H6RBk/

我想是的网格是固体的，透明的整体。如果有帮助，网格是唯一被渲染到特定场景的东西，所以如果有一些方法可以让整个场景变得透明，那么也可以。

Answer 1

编辑材料的混合属性。默认情况下它是THREE.NormalBlending。

我将它改为THREE.NoBlending，它看起来像你想要的。

var material = new THREE.MeshBasicMaterial({ 
    color: 0x0000ff, 
    transparent: true, 
    opacity: .5, 
    blending: THREE.NoBlending 
});