Lab 01 · Canvas 2D
Flux
Bougez le curseur. Les particules creusent le champ autour de vous.
Scroll
Ce que vous regardez
Un champ de vecteurs continu, fabriqué avec trois couches de sinusoïdes déphasées, oriente un essaim de particules. Chaque image, chaque particule avance dans la direction du champ, le canvas n'est jamais effacé complètement : un voile translucide laisse des traînées. Votre curseur ajoute une force de répulsion locale.
Le tout tient en environ 120 lignes de JavaScript vanilla, sans WebGL, sans bibliothèque, et respecte prefers-reduced-motion : si vous préférez les interfaces calmes, le fond reste une simple nébuleuse en dégradés CSS.