Outils pour utilisateurs

Outils du site


p5.js:interaction_avec_la_souris

Interaction avec la souris


Quelques fonctions pour interagir 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() {
 
}


Quelques variables pour interagir avec la souris

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.
A faire vous-même 1

Écrire un sketch permettant d'afficher les coordonnées x et y de la position de la souris.

p5.js/interaction_avec_la_souris.txt · Dernière modification: 10/07/2019 21:51 par Stéphane LAURENT