두 평면이 서로 직각이면 첫 번째 평면의 투명도가 잘못됨

Question

THREE.js에서 두 평면이 서로 직각이면 한 평면의 투명도가 잘못되었습니다.

당신은 세 가지면을 추가하는 경우

jsfiddle code

var material = new THREE.MeshBasicMaterial({ 
    transparent: true, 
    side: THREE.DoubleSide, 
    fog: false, 
    color: 0x00FF00, 
    opacity: 0.3 
}); 

, 결과는 첫 번째면에는 투명 효과가없는 동일합니다.
jsfiddle Code1

Answer 1

문제 해결 : Three.js/WebGL - transparent planes hiding other planes behind them

감사 @ 알렉스에서

jsfiddle code

var material = new THREE.MeshBasicMaterial({ 
    transparent: true, 
    side: THREE.DoubleSide, 
    fog: false, 
    color: 0x00FF00, 
    opacity: 0.2, depthWrite: false, depthTest: false 
});