three.js transparent maps issue

Question

I\'m creating loads of particles (80.000 to be exact) and I have set a transparent map, though, not all particles are transparent.

I\'m using a transparent PNG image

Answer 1

You can set the alphaTest property of the material instead of transparency. For example,

material.alphaTest = 0.5;
material.transparent = false;

three.js no longer sorts particles; they are rendered in the order they appear in the buffer.

three.js r.85