WEBVTT

00:00:00.610 --> 00:00:02.799
Voyons ce qu’on peut
dessiner à part des rectangles.

00:00:02.799 --> 00:00:05.270
Eh bien, par exemple, on peut 
demander à l’ordinateur de

00:00:05.270 --> 00:00:07.946
dessiner des ovales ou des cercles
avec la commande « ellipse ».

00:00:07.946 --> 00:00:09.966
En fait, on a un autre nom 
pour ces commandes.

00:00:09.966 --> 00:00:12.775
On les appelle des « fonctions » 
[« functions » en anglais].

00:00:12.775 --> 00:00:14.751
On utilisera maintenant 
le mot « fonction »

00:00:14.751 --> 00:00:18.070
pour parler de ces commandes.

00:00:18.200 --> 00:00:20.686
On va maintenant écrire
la fonction « ellipse ».

00:00:20.686 --> 00:00:23.000
Avec ses deux ()
et un point-virgule.

00:00:23.000 --> 00:00:24.005
Ca ne marche pas !

00:00:24.005 --> 00:00:26.136
On a un message d’erreur 
qui nous parle des...

00:00:26.136 --> 00:00:27.667
... paramètres qu’on a oubliés.

00:00:27.667 --> 00:00:30.752
Vous souvenez-vous des paramètres
qu’on a utilisés pour le rectangle ?

00:00:30.752 --> 00:00:33.291
Il nous manque certainement...

00:00:33.291 --> 00:00:35.030
... certains nombres pour 
afficher l’ellipse.

00:00:35.030 --> 00:00:37.550
Ces nombres-là s’appellent 
des « paramètres ».

00:00:37.550 --> 00:00:40.500
Et on dit que l’on « passe des 
paramètres » à la « fonction »,

00:00:40.500 --> 00:00:43.700
pour contrôler la façon dont 
la fonction se comporte.

00:00:44.040 --> 00:00:45.883
Sans les paramètres,

00:00:45.883 --> 00:00:48.386
la fonction ne sait pas où 
dessiner l’ellipse,

00:00:48.386 --> 00:00:50.211
ni quelle taille elle doit faire.

00:00:50.211 --> 00:00:52.530
On comprend mieux le message d’erreur.

00:00:52.530 --> 00:00:54.717
Allez, ajoutons les 4 paramètres :

00:00:54.717 --> 00:00:58.505
pour indiquer sa position 
vers la gauche, vers le bas,

00:00:58.505 --> 00:01:00.543
sa largeur et sa hauteur.

00:01:00.543 --> 00:01:03.771
Et comme avant, on peut 
déplacer notre ellipse,

00:01:03.771 --> 00:01:07.825
et l’agrandir ou la rétrécir.

00:01:07.825 --> 00:01:11.633
OK. Maintenant, essayons 
de dessiner une GRANDE ellipse,

00:01:11.633 --> 00:01:14.012
juste au centre du cadre.

00:01:14.012 --> 00:01:17.105
Première question : 
où est le milieu ?

00:01:17.105 --> 00:01:20.299
Rappel : on a en haut 
à gauche notre zéro,

00:01:20.299 --> 00:01:25.490
et à droite, notre 400,
et en bas, on a aussi 400.

00:01:25.490 --> 00:01:27.761
Donc si on cherche le milieu,

00:01:27.761 --> 00:01:31.285
il devrait être à la moitié de 400 :
c’est 200 à droite.

00:01:31.285 --> 00:01:33.759
Et 200 vers le bas.

00:01:33.759 --> 00:01:35.024
OK. Utilisons ça

00:01:35.024 --> 00:01:36.746
dans notre fonction « ellipse ».

00:01:36.746 --> 00:01:41.068
On lui passe les paramètres,
et indiquons une grande taille.

00:01:41.068 --> 00:01:42.810
Et voilà !

00:01:42.810 --> 00:01:45.762
Ajoutons un rectangle maintenant.

00:01:45.762 --> 00:01:50.226
On écrit « rect » avec 200 et 200.
Un peu plus petit, par contre.

00:01:50.226 --> 00:01:51.745
Voilà.

00:01:51.745 --> 00:01:54.623
On voit quelque chose
de spécial, là !

00:01:54.623 --> 00:01:57.150
Bien, on voit que 200, 200...

00:01:57.150 --> 00:02:00.917
... représente bien le centre du cercle.

00:02:01.767 --> 00:02:04.498
Mais pour les rectangles,
c’est différent,

00:02:04.498 --> 00:02:08.539
200, 200 représente 
son coin supérieur gauche.

00:02:09.969 --> 00:02:14.142
C’est important de l'avoir en tête
quand on veut positionner nos formes.

00:02:14.142 --> 00:02:16.565
Maintenant, voyons comment 
dessiner des lignes.

00:02:16.565 --> 00:02:19.478
Le nom de la fonction est « line » 
[« ligne » en anglais].

00:02:19.478 --> 00:02:21.773
On doit lui passer 4 paramètres également.

00:02:21.773 --> 00:02:25.234
Mais une ligne n’a pas de taille 
comme un rectangle.

00:02:25.234 --> 00:02:28.125
Donc à quoi servent-ils ?

00:02:28.125 --> 00:02:30.910
Les deux premiers paramètres...

00:02:31.270 --> 00:02:34.265
... sont la position du point de départ.

00:02:34.545 --> 00:02:36.561
Les deux paramètres suivants...

00:02:36.981 --> 00:02:40.017
... sont la position du point d’arrivée.

00:02:40.017 --> 00:02:43.533
Bon.

00:02:45.593 --> 00:02:48.272
Maintenant qu’on a compris comment ça fonctionne,

00:02:48.272 --> 00:02:52.171
on va parler des superpositions.

00:02:52.501 --> 00:02:56.757
Que se passe-t-il si je déplace
le rectangle en haut à gauche ?

00:02:56.757 --> 00:03:00.283
Et si je l’agrandis

00:03:00.533 --> 00:03:02.281
vraiment beaucoup ?

00:03:03.991 --> 00:03:07.787
On pourrait le rendre vraiment très
grand. Mais ça n’est pas très utile.

00:03:07.787 --> 00:03:11.760
On voit que le rectangle cache
l’ellipse petit à petit.

00:03:11.910 --> 00:03:14.410
On peut la faire 
disparaître complètement.

00:03:14.760 --> 00:03:17.183
Où se trouve l’ellipse
maintenant ?

00:03:17.773 --> 00:03:21.502
Eh bien, le programme dessine
les formes dans l’ordre.

00:03:21.502 --> 00:03:24.702
Il dessine d’abord l’ellipse,
puis le rectangle au-dessus,

00:03:24.702 --> 00:03:26.502
enfin la ligne.

00:03:26.502 --> 00:03:29.762
Donc l’ellipse est toujours là,
elle est juste cachée derrière.

00:03:30.462 --> 00:03:32.510
C’est un point important à retenir !

00:03:32.510 --> 00:03:35.808
Car que se passe-t-il si l'on dessine 
la ligne en premier ?

00:03:36.118 --> 00:03:38.520
Eh bien, elle se retrouve cachée !

00:03:38.520 --> 00:03:41.730
Vous aurez ce cas, et vous 
demanderez : mais où est ma ligne ?

00:03:41.740 --> 00:03:45.023
Eh bien, elle est là. 
Elle est juste cachée...

00:03:45.023 --> 00:03:48.940
… par l’ellipse...
et par le rectangle.

00:03:50.250 --> 00:03:53.501
Donc, en changeant l’ordre des fonctions,

00:03:53.501 --> 00:03:56.562
on peut changer l’ordre d’affichage.

00:03:57.802 --> 00:04:00.671
OK. Je voudrais parler de 
deux points importants

00:04:00.671 --> 00:04:02.280
avant de terminer.

00:04:02.480 --> 00:04:04.252
Exactement comme 
en maths, on utilise...

00:04:04.252 --> 00:04:07.494
... la lettre « x » pour 
désigner la position vers la droite.

00:04:07.494 --> 00:04:09.216
Et la lettre « y » pour...

00:04:09.216 --> 00:04:11.528
... indiquer la position vers le bas.

00:04:11.528 --> 00:04:14.001
Cela peut sembler étrange 
si vous découvrez ça.

00:04:14.001 --> 00:04:17.232
Mais c’est plus simple de dire « x, y » 
que de parler de la position...

00:04:17.232 --> 00:04:19.123
... vers la droite et vers le bas.

00:04:19.493 --> 00:04:22.216
Donc, les deux premiers 
paramètres de notre ellipse

00:04:22.216 --> 00:04:28.198
permettent de savoir que « x » vaut 200
et « y » vaut 229.

00:04:28.618 --> 00:04:30.280
C’est la même chose...

00:04:30.280 --> 00:04:33.542
... que de parler de la position 
vers la droite et vers le bas.

00:04:33.982 --> 00:04:36.034
Le second point concerne
l’unité de mesure.

00:04:36.034 --> 00:04:38.564
De quelle unité avons-nous parlé 
depuis le début ?

00:04:38.794 --> 00:04:42.763
Parle-t-on de 200 centimètres ?
200 millimètres ?

00:04:42.763 --> 00:04:45.100
Eh bien on utilise une unité
appelée « pixel ».

00:04:45.260 --> 00:04:48.277
Un pixel est un des petits 
points de votre écran.

00:04:48.477 --> 00:04:51.957
Le cadre à droite fait 
400 pixels de large.

00:04:52.287 --> 00:04:56.497
C’est pour cela que le coin 
à gauche est à zéro,

00:04:56.497 --> 00:05:01.178
et que le bord à droite est à 400.
Car c’est 400 pixels.

00:05:01.508 --> 00:05:05.034
De la même façon, quand 
on dit 200, c’est 200 « pixels ».

00:05:05.044 --> 00:05:06.800
Compris ?

00:05:07.180 --> 00:05:08.303
Parfait !

00:05:08.303 --> 00:05:10.788
Vous savez tout sur 
les rectangles, les lignes, les ellipses

00:05:10.788 --> 00:05:12.233
et leurs paramètres !

00:05:12.253 --> 00:05:14.791
C’est pas mal, déjà !

00:05:14.791 --> 00:05:16.423
Entraînez-vous maintenant à les utiliser !