Transparent textures behaviour in WebGL
Environment: WebGL, Chrome.
I have following behaviour when using transparent png as textures for models:

 1. http://gyazo.com/ea0e94927bcae49f4a4e01d9f2e17c9f.png?1325878124 - tree hides building behind it and I see world box texture. It also hides itself (back branches are not visible)
 2. at same time - http://gyazo.com/5f718ae6f5751b2b51316fcef4aafe73.png?1325878685 - works proper, window is transparent and I see what's behind

Both screenshots made on same scene at same time, from different camera positions. Textures are produced by same algorithm.

Can't understand what's difference between window and branches transparency. Main question is - how to fix branches to not hide objects behind them? Shader code is:
    gl_FragColor = vec4(textureColor.rgb * vLightWeighting, textureColor.a);

Thanks for any help in advance.

Transparent textures behaviour in WebGL
===

Environment: WebGL, Chrome.
I have following behaviour when using transparent png as textures for models:

 1. http://gyazo.com/ea0e94927bcae49f4a4e01d9f2e17c9f.png?1325878124 - tree hides building behind it and I see world box texture. It also hides itself (back branches are not visible)
 2. at same time - http://gyazo.com/5f718ae6f5751b2b51316fcef4aafe73.png?1325878685 - works proper, window is transparent and I see what's behind

Both screenshots made on same scene at same time, from different camera positions. Textures are produced by same algorithm.

Can't understand what's difference between window and branches transparency. Main question is - how to fix branches to not hide objects behind them? Shader code is:
    gl_FragColor = vec4(textureColor.rgb * vLightWeighting, textureColor.a);

Thanks for any help in advance.
