Voyons ce qu’on peut dessiner à part des rectangles.
Eh bien, par exemple, on peut demander à l’ordinateur de
dessiner des ovales ou des cercles avec la commande « ellipse ».
En fait, on a un autre nom pour ces commandes.
On les appelle des « fonctions » [« functions » en anglais].
On utilisera maintenant le mot « fonction »
pour parler de ces commandes.
On va maintenant écrire la fonction « ellipse ».
Avec ses deux () et un point-virgule.
Ca ne marche pas !
On a un message d’erreur qui nous parle des...
... paramètres qu’on a oubliés.
Vous souvenez-vous des paramètres qu’on a utilisés pour le rectangle ?
Il nous manque certainement...
... certains nombres pour afficher l’ellipse.
Ces nombres-là s’appellent des « paramètres ».
Et on dit que l’on « passe des paramètres » à la « fonction »,
pour contrôler la façon dont la fonction se comporte.
Sans les paramètres,
la fonction ne sait pas où dessiner l’ellipse,
ni quelle taille elle doit faire.
On comprend mieux le message d’erreur.
Allez, ajoutons les 4 paramètres :
pour indiquer sa position vers la gauche, vers le bas,
sa largeur et sa hauteur.
Et comme avant, on peut déplacer notre ellipse,
et l’agrandir ou la rétrécir.
OK. Maintenant, essayons de dessiner une GRANDE ellipse,
juste au centre du cadre.
Première question : où est le milieu ?
Rappel : on a en haut à gauche notre zéro,
et à droite, notre 400, et en bas, on a aussi 400.
Donc si on cherche le milieu,
il devrait être à la moitié de 400 : c’est 200 à droite.
Et 200 vers le bas.
OK. Utilisons ça
dans notre fonction « ellipse ».
On lui passe les paramètres, et indiquons une grande taille.
Et voilà !
Ajoutons un rectangle maintenant.
On écrit « rect » avec 200 et 200. Un peu plus petit, par contre.
Voilà.
On voit quelque chose de spécial, là !
Bien, on voit que 200, 200...
... représente bien le centre du cercle.
Mais pour les rectangles, c’est différent,
200, 200 représente son coin supérieur gauche.
C’est important de l'avoir en tête quand on veut positionner nos formes.
Maintenant, voyons comment dessiner des lignes.
Le nom de la fonction est « line » [« ligne » en anglais].
On doit lui passer 4 paramètres également.
Mais une ligne n’a pas de taille comme un rectangle.
Donc à quoi servent-ils ?
Les deux premiers paramètres...
... sont la position du point de départ.
Les deux paramètres suivants...
... sont la position du point d’arrivée.
Bon.
Maintenant qu’on a compris comment ça fonctionne,
on va parler des superpositions.
Que se passe-t-il si je déplace le rectangle en haut à gauche ?
Et si je l’agrandis
vraiment beaucoup ?
On pourrait le rendre vraiment très grand. Mais ça n’est pas très utile.
On voit que le rectangle cache l’ellipse petit à petit.
On peut la faire disparaître complètement.
Où se trouve l’ellipse maintenant ?
Eh bien, le programme dessine les formes dans l’ordre.
Il dessine d’abord l’ellipse, puis le rectangle au-dessus,
enfin la ligne.
Donc l’ellipse est toujours là, elle est juste cachée derrière.
C’est un point important à retenir !
Car que se passe-t-il si l'on dessine la ligne en premier ?
Eh bien, elle se retrouve cachée !
Vous aurez ce cas, et vous demanderez : mais où est ma ligne ?
Eh bien, elle est là. Elle est juste cachée...
… par l’ellipse... et par le rectangle.
Donc, en changeant l’ordre des fonctions,
on peut changer l’ordre d’affichage.
OK. Je voudrais parler de deux points importants
avant de terminer.
Exactement comme en maths, on utilise...
... la lettre « x » pour désigner la position vers la droite.
Et la lettre « y » pour...
... indiquer la position vers le bas.
Cela peut sembler étrange si vous découvrez ça.
Mais c’est plus simple de dire « x, y » que de parler de la position...
... vers la droite et vers le bas.
Donc, les deux premiers paramètres de notre ellipse
permettent de savoir que « x » vaut 200 et « y » vaut 229.
C’est la même chose...
... que de parler de la position vers la droite et vers le bas.
Le second point concerne l’unité de mesure.
De quelle unité avons-nous parlé depuis le début ?
Parle-t-on de 200 centimètres ? 200 millimètres ?
Eh bien on utilise une unité appelée « pixel ».
Un pixel est un des petits points de votre écran.
Le cadre à droite fait 400 pixels de large.
C’est pour cela que le coin à gauche est à zéro,
et que le bord à droite est à 400. Car c’est 400 pixels.
De la même façon, quand on dit 200, c’est 200 « pixels ».
Compris ?
Parfait !
Vous savez tout sur les rectangles, les lignes, les ellipses
et leurs paramètres !
C’est pas mal, déjà !
Entraînez-vous maintenant à les utiliser !