重叠网格与透明度

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