0:00:00.610,0:00:02.799
Voyons ce qu’on peut[br]dessiner à part des rectangles.

0:00:02.799,0:00:05.270
Eh bien, par exemple, on peut [br]demander à l’ordinateur de

0:00:05.270,0:00:07.946
dessiner des ovales ou des cercles[br]avec la commande « ellipse ».

0:00:07.946,0:00:09.966
En fait, on a un autre nom [br]pour ces commandes.

0:00:09.966,0:00:12.775
On les appelle des « fonctions » [br][« functions » en anglais].

0:00:12.775,0:00:14.751
On utilisera maintenant [br]le mot « fonction »

0:00:14.751,0:00:18.070
pour parler de ces commandes.

0:00:18.200,0:00:20.686
On va maintenant écrire[br]la fonction « ellipse ».

0:00:20.686,0:00:23.000
Avec ses deux ()[br]et un point-virgule.

0:00:23.000,0:00:24.005
Ca ne marche pas !

0:00:24.005,0:00:26.136
On a un message d’erreur [br]qui nous parle des...

0:00:26.136,0:00:27.667
... paramètres qu’on a oubliés.

0:00:27.667,0:00:30.752
Vous souvenez-vous des paramètres[br]qu’on a utilisés pour le rectangle ?

0:00:30.752,0:00:33.291
Il nous manque certainement...

0:00:33.291,0:00:35.030
... certains nombres pour [br]afficher l’ellipse.

0:00:35.030,0:00:37.550
Ces nombres-là s’appellent [br]des « paramètres ».

0:00:37.550,0:00:40.500
Et on dit que l’on « passe des [br]paramètres » à la « fonction »,

0:00:40.500,0:00:43.700
pour contrôler la façon dont [br]la fonction se comporte.

0:00:44.040,0:00:45.883
Sans les paramètres,

0:00:45.883,0:00:48.386
la fonction ne sait pas où [br]dessiner l’ellipse,

0:00:48.386,0:00:50.211
ni quelle taille elle doit faire.

0:00:50.211,0:00:52.530
On comprend mieux le message d’erreur.

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

0:00:54.717,0:00:58.505
pour indiquer sa position [br]vers la gauche, vers le bas,

0:00:58.505,0:01:00.543
sa largeur et sa hauteur.

0:01:00.543,0:01:03.771
Et comme avant, on peut [br]déplacer notre ellipse,

0:01:03.771,0:01:07.825
et l’agrandir ou la rétrécir.

0:01:07.825,0:01:11.633
OK. Maintenant, essayons [br]de dessiner une GRANDE ellipse,

0:01:11.633,0:01:14.012
juste au centre du cadre.

0:01:14.012,0:01:17.105
Première question : [br]où est le milieu ?

0:01:17.105,0:01:20.299
Rappel : on a en haut [br]à gauche notre zéro,

0:01:20.299,0:01:25.490
et à droite, notre 400,[br]et en bas, on a aussi 400.

0:01:25.490,0:01:27.761
Donc si on cherche le milieu,

0:01:27.761,0:01:31.285
il devrait être à la moitié de 400 :[br]c’est 200 à droite.

0:01:31.285,0:01:33.759
Et 200 vers le bas.

0:01:33.759,0:01:35.024
OK. Utilisons ça

0:01:35.024,0:01:36.746
dans notre fonction « ellipse ».

0:01:36.746,0:01:41.068
On lui passe les paramètres,[br]et indiquons une grande taille.

0:01:41.068,0:01:42.810
Et voilà !

0:01:42.810,0:01:45.762
Ajoutons un rectangle maintenant.

0:01:45.762,0:01:50.226
On écrit « rect » avec 200 et 200.[br]Un peu plus petit, par contre.

0:01:50.226,0:01:51.745
Voilà.

0:01:51.745,0:01:54.623
On voit quelque chose[br]de spécial, là !

0:01:54.623,0:01:57.150
Bien, on voit que 200, 200...

0:01:57.150,0:02:00.917
... représente bien le centre du cercle.

0:02:01.767,0:02:04.498
Mais pour les rectangles,[br]c’est différent,

0:02:04.498,0:02:08.539
200, 200 représente [br]son coin supérieur gauche.

0:02:09.969,0:02:14.142
C’est important de l'avoir en tête[br]quand on veut positionner nos formes.

0:02:14.142,0:02:16.565
Maintenant, voyons comment [br]dessiner des lignes.

0:02:16.565,0:02:19.478
Le nom de la fonction est « line » [br][« ligne » en anglais].

0:02:19.478,0:02:21.773
On doit lui passer 4 paramètres également.

0:02:21.773,0:02:25.234
Mais une ligne n’a pas de taille [br]comme un rectangle.

0:02:25.234,0:02:28.125
Donc à quoi servent-ils ?

0:02:28.125,0:02:30.910
Les deux premiers paramètres...

0:02:31.270,0:02:34.265
... sont la position du point de départ.

0:02:34.545,0:02:36.561
Les deux paramètres suivants...

0:02:36.981,0:02:40.017
... sont la position du point d’arrivée.

0:02:40.017,0:02:43.533
Bon.

0:02:45.593,0:02:48.272
Maintenant qu’on a compris comment ça fonctionne,

0:02:48.272,0:02:52.171
on va parler des superpositions.

0:02:52.501,0:02:56.757
Que se passe-t-il si je déplace[br]le rectangle en haut à gauche ?

0:02:56.757,0:03:00.283
Et si je l’agrandis

0:03:00.533,0:03:02.281
vraiment beaucoup ?

0:03:03.991,0:03:07.787
On pourrait le rendre vraiment très[br]grand. Mais ça n’est pas très utile.

0:03:07.787,0:03:11.760
On voit que le rectangle cache[br]l’ellipse petit à petit.

0:03:11.910,0:03:14.410
On peut la faire [br]disparaître complètement.

0:03:14.760,0:03:17.183
Où se trouve l’ellipse[br]maintenant ?

0:03:17.773,0:03:21.502
Eh bien, le programme dessine[br]les formes dans l’ordre.

0:03:21.502,0:03:24.702
Il dessine d’abord l’ellipse,[br]puis le rectangle au-dessus,

0:03:24.702,0:03:26.502
enfin la ligne.

0:03:26.502,0:03:29.762
Donc l’ellipse est toujours là,[br]elle est juste cachée derrière.

0:03:30.462,0:03:32.510
C’est un point important à retenir !

0:03:32.510,0:03:35.808
Car que se passe-t-il si l'on dessine [br]la ligne en premier ?

0:03:36.118,0:03:38.520
Eh bien, elle se retrouve cachée !

0:03:38.520,0:03:41.730
Vous aurez ce cas, et vous [br]demanderez : mais où est ma ligne ?

0:03:41.740,0:03:45.023
Eh bien, elle est là. [br]Elle est juste cachée...

0:03:45.023,0:03:48.940
… par l’ellipse...[br]et par le rectangle.

0:03:50.250,0:03:53.501
Donc, en changeant l’ordre des fonctions,

0:03:53.501,0:03:56.562
on peut changer l’ordre d’affichage.

0:03:57.802,0:04:00.671
OK. Je voudrais parler de [br]deux points importants

0:04:00.671,0:04:02.280
avant de terminer.

0:04:02.480,0:04:04.252
Exactement comme [br]en maths, on utilise...

0:04:04.252,0:04:07.494
... la lettre « x » pour [br]désigner la position vers la droite.

0:04:07.494,0:04:09.216
Et la lettre « y » pour...

0:04:09.216,0:04:11.528
... indiquer la position vers le bas.

0:04:11.528,0:04:14.001
Cela peut sembler étrange [br]si vous découvrez ça.

0:04:14.001,0:04:17.232
Mais c’est plus simple de dire « x, y » [br]que de parler de la position...

0:04:17.232,0:04:19.123
... vers la droite et vers le bas.

0:04:19.493,0:04:22.216
Donc, les deux premiers [br]paramètres de notre ellipse

0:04:22.216,0:04:28.198
permettent de savoir que « x » vaut 200[br]et « y » vaut 229.

0:04:28.618,0:04:30.280
C’est la même chose...

0:04:30.280,0:04:33.542
... que de parler de la position [br]vers la droite et vers le bas.

0:04:33.982,0:04:36.034
Le second point concerne[br]l’unité de mesure.

0:04:36.034,0:04:38.564
De quelle unité avons-nous parlé [br]depuis le début ?

0:04:38.794,0:04:42.763
Parle-t-on de 200 centimètres ?[br]200 millimètres ?

0:04:42.763,0:04:45.100
Eh bien on utilise une unité[br]appelée « pixel ».

0:04:45.260,0:04:48.277
Un pixel est un des petits [br]points de votre écran.

0:04:48.477,0:04:51.957
Le cadre à droite fait [br]400 pixels de large.

0:04:52.287,0:04:56.497
C’est pour cela que le coin [br]à gauche est à zéro,

0:04:56.497,0:05:01.178
et que le bord à droite est à 400.[br]Car c’est 400 pixels.

0:05:01.508,0:05:05.034
De la même façon, quand [br]on dit 200, c’est 200 « pixels ».

0:05:05.044,0:05:06.800
Compris ?

0:05:07.180,0:05:08.303
Parfait !

0:05:08.303,0:05:10.788
Vous savez tout sur [br]les rectangles, les lignes, les ellipses

0:05:10.788,0:05:12.233
et leurs paramètres !

0:05:12.253,0:05:14.791
C’est pas mal, déjà !

0:05:14.791,0:05:16.423
Entraînez-vous maintenant à les utiliser !