When creating a set of particles with THREE.Points and using a THREE.PointMaterial with texture, I noticed that the transparency of the particles is working only partially. The textures are stroke rectangles created with canvas.
Here is what my particles look like:
https://i.sstatic.net/JLCc4.png
Some particles have transparency while others do not. What could be causing this issue?
Below is the code snippet I am using to create the material:
var material = new THREE.PointsMaterial( {
size: this.particleSize,
vertexColors: THREE.VertexColors,
map: ct.getTexture(),
transparent: true,
fog: false } );