Improved webgpu_compute_particles example

[mrdoob]

Description

Was tinkering a bit with the example and ended up with something more interesting looking/behaving and texture-less.

Screen.Recording.2025-05-13.at.8.08.53.PM.mov

[sunag]

Great improvement.
What do you think about switching to Sprite instead of Mesh?

const particles = new THREE.Sprite( material );
particles.count = particleCount;
particles.frustumCulled = false;
scene.add( particles );

[mrdoob]

@sunag Done!

[adrianooo30]

I hate my mind.

[mrdoob]

@sunag Was trying to set material.alphaToCoverage = true to get antialias in the alphaTestNode but doesn't seem to be working. Should it be working?

[sunag]

I added shapeCircle() in the user's intention can add other kind of shapes #30300 it is compatible with alphaToCoverage.

const material = new THREE.SpriteNodeMaterial();
material.colorNode = uv().mul( colors.element( instanceIndex ) );
material.positionNode = positions.toAttribute();
material.scaleNode = size;
material.opacityNode = shapeCircle();
material.alphaToCoverage = true;
material.transparent = true;