-
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 !
