FRENAR
N°04 · Canvas 2D · Generative

Interactive Particles

Emergent gravity. Your cursor becomes a gravitational well — attract, repel, sculpt particle clouds in real time.

move mouse to attract · click to repel
// Particules interactives — gravité N-body simplifiée
particles.forEach(p => {
  const dx = mx - p.x, dy = my - p.y;
  const dist = Math.sqrt(dx * dx + dy * dy) + 1;
  const f = force / (dist * 0.5);

  // Attraction ou répulsion selon le mode
  p.vx += dx / dist * f * direction;
  p.vy += dy / dist * f * direction;

  // Friction (amortissement)
  p.vx *= friction;
  p.vy *= friction;

  p.x += p.vx;
  p.y += p.vy;
});
Your turn

What happens when you move fast vs slow? Try attracting and then suddenly releasing — observe the emergent patterns that form without any explicit rule.

Build your own interactive particle systems

Book a session