Feature 12 — Particle system

Méditation
& présence

Des particules flottent librement et fuient la souris. Connexions automatiques entre particules voisines. Ajustez densité, vitesse et force d'attraction.

Déplacez la souris pour interagir
Densité 120
Vitesse 3
Attraction 5
"Le silence n'est pas l'absence de son. C'est la présence de soi." — Atelier méditation, Paris

L'espace
qui respire

Les systèmes de particules créent des ambiances organiques sur un site — fond de page pour un centre de bien-être, générique d'ouverture, réaction à une action utilisateur. L'effet est hypnotique sans jamais être distrayant.

Chaque particule connaît sa position, sa vélocité et son opacité. Le canvas 2D est redessiné 60 fois par seconde via requestAnimationFrame.

Note technique

Pour chaque particule, on calcule la distance à la souris. En deçà de 150px, une force de répulsion est appliquée proportionnellement à la proximité. Les connexions entre particules proches (100px) sont dessinées en rgba avec opacité inversement proportionnelle à la distance. Performance : O(n²) — garder n sous 300 pour du 60fps.