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

Disable the depthWrite attribute on the material.

// create a new material
material = new THREE.ParticleBasicMaterial({
    color: colors[i],
    size: 20,
    map: map,
    transparent: true,
    depthWrite: false,
});