Interaction avec la souris

P5.js dispose de plusieurs fonctions permettant d'interagir avec la souris :

• mousePressed() : un bouton de la souris est appuyé ;
• mouseReleased() : un bouton de la souris est relâché ;
• mouseClicked() : un bouton de la souris est cliqué (appui + relâche) ;
• mouseDragged() : la souris est déplacée avec un bouton enfoncé.

Exemple :

function setup() {
  createCanvas(400, 400);
  background(220);
}
 
function mouseReleased() {
  fill(random(255), random(255), random(255));
  ellipse(mouseX, mouseY, random(10, 60));
}
 
function draw() {
 
}

Certains paramètres relatifs à la souris sont également stockés en permanence dans des variables :

• mouseX : abscisse du curseur de la souris ;
• mouseY : ordonnée du curseur de la souris ;
• pmouseX : abscisse de la position précédente du curseur de la souris ;
• pmouseY : ordonnée de la position précédente du curseur de la souris.