omportamento de texturas transparentes no WebGL

Ambiente: WebGL, Chrome. Eu tenho o seguinte comportamento ao usar png transparentes como texturas para modelos:

Imagem A - a árvore esconde o edifício atrás dela e vejo a textura da caixa mundial. Também se esconde (as ramificações posteriores não são visíveis) Ao mesmo tempo - Imagem B - funciona corretamente, a janela é transparente e vejo o que está por trás

UMA:B:

s duas capturas de tela foram feitas na mesma cena e ao mesmo tempo em diferentes posições da câmera. As texturas são produzidas pelo mesmo algoritm

Não consigo entender qual é a diferença entre a transparência da janela e dos galhos. Minha principal pergunta é - como consertar os galhos para não esconder os objetos atrás deles? O código do sombreador é:

gl_FragColor = vec4(textureColor.rgb * vLightWeighting, textureColor.a);

Joguei com ativar / desativar a mistura e o depth_test, às vezes obtendo os resultados desejados, mas não tenho certeza se é a maneira correta de fazer as coisa

questionAnswers(2)

yourAnswerToTheQuestion