Kamel Ghabte · Cours · Gratuit

Feedback visuel

Créer des boucles de rétroaction visuelle en p5.js.

Le concept

Le feedback visuel consiste à réinjecter l'image produite comme entrée du frame suivant. En ne effaçant pas complètement le fond (fill avec alpha faible), les formes laissent des traînées. En appliquant un léger zoom ou une rotation au buffer, on crée des effets de tunnel, de kaléidoscope ou de récursion visuelle infinie.

Le code

// Visual feedback: trail + rotation
function setup() { createCanvas(400, 280); }
function draw() {
  // Semi-transparent background = trail
  fill(11, 15, 20, 20); noStroke(); rect(0,0,width,height);
  translate(width/2, height/2);
  rotate(frameCount * 0.01);
  let r = 60 + sin(frameCount * 0.03) * 30;
  noFill(); stroke(55, 227, 195, 180); strokeWeight(2);
  ellipse(r * cos(frameCount*0.05), r * sin(frameCount*0.07), 20, 20);
}

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 →