Transparency with SpriteNodeMaterial

Question

I started from the example https://threejs.org/examples/#webgl_sprites_nodes to have the animated sprite feature thanks to the SpriteNodeMaterial.

The first thing I wanted was to have the background of the sprite transparent, I updated the .PNG texture to add an alpha channel but the background remains black with NormalBlending. I tried with CustomBlending with many blendSrc and blendDst factors but the result is never the expected one…

My update to test CustomBlending instead of the default NormalBlending:

walkingManTexture.premultiplyAlpha = true;
sprite1.material.transparent = true;
//sprite1.material.alphaTest = 0.5;
sprite1.material.blending = THREE[ "CustomBlending" ];
sprite1.material.blendSrc = THREE[ "OneFactor" ];
sprite1.material.blendDst = THREE[ "OneMinusSrcAlphaFactor" ];
sprite1.material.blendEquation = THREE.AddEquation;

I don’t have the problem with a MeshBasicMaterial in NormalBlending, seems to be because of SpriteNodeMaterial. Maybe a depth problem only with transparency ?

My code: https://jsfiddle.net/herve3d/zhxuvgwr/7/

Thanks

Just ran into this, have you put in a ticket yet on github? – Dan Kanze Jan 21 '18 at 20:20 — Dan Kanze, Jan 21 '18 at 20:20
No, I had to stop using SpriteNodeMaterial – Gnervey Jan 23 '18 at 19:26 — Gnervey, Jan 23 '18 at 19:26

Transparency with SpriteNodeMaterial

0 Answers0