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() {
 
}

<html>

<iframe src=“https://editor.p5js.org/slaurent/embed/DUppYhunY” scrolling=“no” frameborder=“0” style=“height: 100%; width: 100%; ”></iframe>

</html>


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

<iframe src=“https://editor.p5js.org/slaurent/embed/zunEjtQnM” scrolling=“no” frameborder=“0” style=“height: 100%; width: 100%; ”></iframe>

</html>||

p5.js/interaction_avec_la_souris.txt · Dernière modification : 05/12/2023 22:23 de 127.0.0.1

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki