20 Three.js Particle Examples — Source-Ready List
20 Three.js Particle Examples
English translation of the requested list. (Add your own source links as needed.)
- Hundreds of thousands of particles with
BufferGeometry
(PointsMaterial
) — control position/color via attributes. - Sprite particles (snow) — basics of textured
Sprite
/Points
. - Sine‑wave particles — undulating via a vertex shader.
- Billboard particles — quads that always face the camera.
- Interactive particles — respond to a field via mouse input.
- Raycast selection for
Points
— detect clicks on point clouds. - Custom attributes ×
Points
— size/color etc. via vertex attributes. - Dynamic particles + post‑processing — combine with bloom and other effects.
- GPGPU flocking (boids) — update thousands of agents on the GPU.
- GPGPU + glTF mesh swarms — make 3D models school/swarm.
- GPGPU proto‑planet (debris particles) — reaction–diffusion / gravity vibe.
- GPGPU water — surface disturbances via particles/textures.
- Galaxy generator (
Points
) — module to sculpt spiral galaxies. - WebGPU sprites — massive sprites with the next‑gen pipeline.
- WebGPU instanced sprites — ultra‑dense rendering via instancing.
- three‑nebula (library) — full‑fledged particle engine with many examples.
- ShaderParticleEngine (library) — a veteran GPU‑driven implementation.
- THREE.GPUParticleSystem (library) — easy‑to‑use GPU particles.
- GPU particles (3D noise‑driven) — control with a noise field.
- Codrops: Interactive Particles (tutorial + code) — interactive massive point clouds using off‑screen textures.
Tips
- In three.js official demos, click “View source” at the bottom right to open the code.
- When using older libraries, mind version differences (see migration guides).
Need me to insert the actual source URLs for each item? Say “add links” and I’ll populate them.
Comments
Post a Comment