Cours:ProcessingPriseEnMain : Différence entre versions
m (→{{Rouge|Taille de l'écran}}) |
(→{{Rouge|Taille de l'écran}}) |
||
| Ligne 73 : | Ligne 73 : | ||
*Modifier la taille de la fenêtre l'efface | *Modifier la taille de la fenêtre l'efface | ||
*Il faut donc définir la taille '''avant''' d'y placer des objets ! | *Il faut donc définir la taille '''avant''' d'y placer des objets ! | ||
| + | |||
| + | |||
| + | ={{Rouge|Exercice 1}}= | ||
| + | |||
| + | On considère dans cette partie un écran de taille 300x300 sur laquelle nous dessinerons [http://processing.org/reference/rect_.html un rectangle]. | ||
| + | |||
| + | {{Question|Écrire un programme qui place un rectangle de taille 100x100 pixels au milieu de l'écran.}} | ||
| + | |||
| + | {{Question|Ajouter un cercle de diamètre 100, toujours centré au milieu de l'écran.}} | ||
| + | |||
| + | '''Remarque :''' Attention à l'ordre des inscriptions, pour bien mettre le cercle au dessus du carré. | ||
Version du 5 septembre 2014 à 11:09
Précision sur quelques logos dans les énoncés :
 |
Action à effectuer et comprendre sans besoin de compétences particulières |
 ' |
Problématique que vous devez résoudre |
Lancer le logiciel Processing, qui se présente de façon analogue à la fenêtre de droite sur l'image suivante :
Premier programme
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.
Exécuter le programme en cliquant sur le bouton 
Une fenêtre s'ouvre avec un cercle blanc dessiné au centre.
Remarque : le bouton 
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).
Modifier le programme précédent pour avoir une ellipse :
- aux coordonnées (X=50,Y=25)
- de hauteur 40
- de largeur 80
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 |
|
Modifier le programme précédent pour que la fenêtre soit de 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 !
Exercice 1
On considère dans cette partie un écran de taille 300x300 sur laquelle nous dessinerons un rectangle.
Écrire un programme qui place un rectangle de taille 100x100 pixels au milieu de l'écran.
Ajouter un cercle de diamètre 100, toujours centré au milieu de l'écran.
Remarque : Attention à l'ordre des inscriptions, pour bien mettre le cercle au dessus du carré.
