P5js > Les boutons de la souris
Contents (hide)
// AJOUTER LA FONCTION SUIVANTE A VOTRE CODE POUR DECLENCHER LE BLOCK DE CODE LORSQUE LA SOURIS EST CLICKEE: function mousePressed() { // prevent default return false; }
// EXECUTER UNE FOIS AU DEMARRAGE : function setup() { // DEBUT DE LA FONCTION setup() createCanvas(760, 760); // CODE A ETRE EXECUTE AU DEMARRAGE: dessinerDesFormes(); } // FIN DE LA FONCTION setup() // DEBUT DE LA FONCTION dessinerDesFormes() function dessinerDesFormes() { background(255); let from = color(255, 0, 0, 0.2 * 255); let to = color(0, 0, 255, 0.2 * 255); let c1 = lerpColor(from, to, .33); let c2 = lerpColor(from, to, .66); for (let i = 0; i < 15; i++) { fill(from); quad(random(-40, 220), random(height), random(-40, 220), random(height), random(-40, 220), random(height), random(-40, 220), random(height)); fill(c1); quad(random(140, 380), random(height), random(140, 380), random(height), random(140, 380), random(height), random(140, 380), random(height)); fill(c2); quad(random(320, 580), random(height), random(320, 580), random(height), random(320, 580), random(height), random(320, 580), random(height)); fill(to); quad(random(500, 760), random(height), random(500, 760), random(height), random(500, 760), random(height), random(500, 760), random(height)); } } // FIN DE LA FONCTION dessinerDesFormes() // AJOUTER LA FONCTION SUIVANTE A VOTRE CODE POUR DECLENCHER LE BLOCK DE CODE LORSQUE LA SOURIS EST CLICKEE: function mousePressed() { dessinerDesFormes(); // prevent default return false; }
function draw() { if ( mouseIsPressed) { } }
// DETECTER PREALABLEMENT SI UN BOUTON EST OU A ETE APPUYE if (mouseButton == LEFT) { ellipse(50, 50, 50, 50); } else if (mouseButton == RIGHT) { rect(25, 25, 50, 50); } else if (mouseButton == CENTER) { triangle(23, 75, 50, 20, 78, 75); }