Kamel Ghabte · Cours · Gratuit

Particules et gravité

Créer un système de particules avec forces en p5.js.

Le concept

Un système de particules simule des objets soumis à des forces : gravité, vent, friction. Chaque particule a une position, une vitesse et une accélération. À chaque frame : accélération = somme des forces, vitesse += accélération, position += vitesse. Les particules naissent, vivent (alpha décroissant) et meurent.

Le code

// Particle fountain with gravity
let parts = [];
function setup() { createCanvas(400, 280); }
function draw() {
  background(11,15,20,40);
  if (frameCount%2===0) parts.push({x:width/2,y:height,vx:random(-1.5,1.5),vy:random(-6,-3),life:255});
  for (let i=parts.length-1;i>=0;i--) {
    let p=parts[i]; p.vy+=0.12; p.x+=p.vx; p.y+=p.vy; p.life-=3;
    noStroke();fill(55,227,195,p.life);ellipse(p.x,p.y,4,4);
    if(p.life<=0) parts.splice(i,1);
  }
}

Pour aller plus loin

Explorez les autres cours gratuits sur la page Apprendre, ou réservez un appel pour discuter de votre projet.

Envie d'aller plus loin ?

Réserver un appel découverte →