Cours:ProcessingSouris : Différence entre versions

De troyesGEII
Aller à : navigation, rechercher
(Page créée avec « <big>'''Utilisation de la souris en PROCESSING'''</big> ={{Rouge|Prise en main}}= Avant de pouvoir faire les exercices, [http://fr.openclassrooms.com/informatique/cours/... »)
 
({{Bleu|Ex1}})
Ligne 14 : Ligne 14 :
  
 
<source lang=java>
 
<source lang=java>
void draw() {
+
void draw()
background(255,255,0);
+
{
println(”mouseX = + mouseX + , mouseY = + mouseY);
+
  background(255,255,0);
ellipse(mouseX, mouseY, 30, 30);
+
  println("mouseX = " + mouseX + ", mouseY = " + mouseY);
 +
  ellipse(mouseX, mouseY, 30, 30);
 
}
 
}
 
</source>
 
</source>
  
b) Ecrivez un programme qui dessine un rectangle dans le canvas, à l’endroit que vous
+
'''Remarque''' :
choisirez. Mais : si la souris est dans le rectangle, celui-ci est peint en noir, et si la souris est
+
*La fonction "println" permet d'afficher des messages dans la fenêtre processing
en-dehors du rectangle, il est peint en blanc !
+
*Processing ne gère la souris que si elle est dans le canvas !
N.B. Processing ne gère la souris que si elle est dans le canvas !
+
 
 +
{{Question|Ecrivez un programme qui dessine un rectangle dans le canvas, à l’endroit que vous choisirez. Mais :
 +
*si la souris est dans le rectangle, celui-ci est peint en noir
 +
*si la souris est en-dehors du rectangle, il est peint en blanc !
 +
}}

Version du 8 avril 2014 à 19:39

Utilisation de la souris en PROCESSING

Prise en main

Avant de pouvoir faire les exercices, commencez par consulter cette documentation et à exécuter et comprendre les exemples

Exercices

Ex1

Processing gère deux variables mouseX et mouseY disponibles à tout moment pour connaître les coordonnées du pointeur de la souris.

Todo.jpg Testez et comprenez ce que fait le programme d’animation suivant :

void draw()
{
  background(255,255,0);
  println("mouseX = " + mouseX + ", mouseY = " + mouseY);
  ellipse(mouseX, mouseY, 30, 30);
}

Remarque :

  • La fonction "println" permet d'afficher des messages dans la fenêtre processing
  • Processing ne gère la souris que si elle est dans le canvas !

Question.jpg Ecrivez un programme qui dessine un rectangle dans le canvas, à l’endroit que vous choisirez. Mais :

  • si la souris est dans le rectangle, celui-ci est peint en noir
  • si la souris est en-dehors du rectangle, il est peint en blanc !