Cours:ProcessingPriseEnMain

De troyesGEII
Aller à : navigation, rechercher

Précision sur quelques logos dans les énoncés :

Todo.jpg Action à effectuer et comprendre sans besoin de compétences particulières
Question.jpg ' Problématique que vous devez résoudre


Todo.jpg Lancer le logiciel Processing, qui se présente de façon analogue à la fenêtre de droite sur l'image suivante :

L'environnement de développement Processing

Premier programme

Todo.jpg Dans la partie éditeur du logiciel, saisir la ligne suivante :

ellipse(50, 50, 80, 80);

Cette ligne de code signifie :

Tracer une ellipse centrée en (50,50), de largeur et hauteur 80 pixels.

Todo.jpg Exécuter le programme en cliquant sur le bouton ProcessingRun.png

Une fenêtre s'ouvre avec un cercle blanc dessiné au centre.

Remarque : le bouton ProcessingStop.png permet d'arrêter le programme.


Fonctions Processing

Chaque fonction Processing est documentée sur cette page sur laquelle vous allez regarder le détail des paramètres (valeurs dans les parenthèses dans le programme précédent).

Question.jpg Modifier le programme précédent pour avoir une ellipse :

  • aux coordonnées (X=50,Y=25)
  • de hauteur 40
  • de largeur 80

Question.jpg Ajouter une deuxième ellipse en dessous de la première (50,75), de même taille

Remarque : Chaque instruction se termine par ;

Taille de l'écran

La fonction permettant de modifier la taille de la fenêtre est : size()

Nous utiliserons la fonction tel qu'indiqué sur la page de référence est résumé ci dessous :

Syntaxe size(w, h)
Paramètres
w "Largeur" de la fenêtre en pixels
h "Hauteur" de la fenêtre en pixels

Question.jpg Modifier le programme précédent pour que la fenêtre ait une taille de 300x200 (plus large que haute !)

Remarque :

  • Les instructions s’exécutent dans l'ordre (séquentiel)
  • Modifier la taille de la fenêtre l'efface
  • Il faut donc définir la taille avant d'y placer des objets !