Cours:ProcessingPriseEnMain : Différence entre versions

De troyesGEII
Aller à : navigation, rechercher
Ligne 22 : Ligne 22 :
  
 
</source>
 
</source>
 +
 +
Cette ligne de code signifie :
 +
 +
Tracer une ellipse centrée en (50,50), de largeur et hauteur 80 pixels.
 +
 +
{{Todo|Exécuter le programme en cliquant sur le bouton [[Fichier:ProcessingRun.png]]}}
 +
 +
Une fenêtre s'ouvre avec un cercle blanc dessiné au centre.
 +
 +
'''Remarque''' : le bouton [[Fichier:ProcessingStop.png]] permet d'arrêter le programme.
 +
 +
 +
={{Rouge|Fonctions Processing}}=
 +
 +
Chaque fonction Processing est [http://processing.org/reference/ 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|Modifier le programme précédent pour avoir une ellipse :}}
 +
*aux coordonnées (X=50,Y=25)
 +
*de hauteur 40
 +
*de largeur 80
 +
 +
{{Question|Ajouter une deuxième ellipse en dessous de la première (50,75), de même taille}}
 +
 +
'''Remarque :''' Chaque instruction se termine par  {{Rouge|''';'''}}
 +
 +
={{Rouge|Taille de l'écran}}=
 +
 +
La fonction permettant de modifier la taille de la fenêtre est : [http://processing.org/reference/size_.html {{Rouge|'''size()'''}}]
 +
 +
Nous utiliserons la fonction tel qu'indiqué sur la page de référence est résumé ci dessous :
 +
{| class="wikitable"
 +
|-
 +
! Syntaxe
 +
||size(w, h)
 +
|-
 +
! Paramètres
 +
||
 +
{| class="wikitable"
 +
|-
 +
| w || "Largeur" de la fenêtre en pixels
 +
|-
 +
| h || "Hauteur" de la fenêtre en pixels
 +
|}
 +
|}
 +
 +
{{Question|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 !

Version du 5 septembre 2014 à 11:01

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 !