From t-o-f

P5js: Les boutons de la souris

1.  Déclencher du code lorsque le bouton de la souris est appuyé

• function mousePressed() { } 

// AJOUTER LA FONCTION SUIVANTE A VOTRE CODE POUR DECLENCHER LE BLOCK DE CODE LORSQUE LA SOURIS EST CLICKEE:
function mousePressed() {

        // prevent default
        return false;
}

1.1  Exemple

// 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;
}

2.  Interroger si un bouton de la souris est maintenu appuyé

• if ( mouseIsPressed ) { } 

function draw() {
        if ( mouseIsPressed) {

        }
}

3.  Interroger quel bouton a été appuyé

• if ( mouseButton == bouton ) { } 

// 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);
}