1
00:00:00,610 --> 00:00:02,799
Voyons ce qu’on peut
dessiner à part des rectangles.

2
00:00:02,799 --> 00:00:05,270
Eh bien, par exemple, on peut 
demander à l’ordinateur de

3
00:00:05,270 --> 00:00:07,946
dessiner des ovales ou des cercles
avec la commande « ellipse ».

4
00:00:07,946 --> 00:00:09,966
En fait, on a un autre nom 
pour ces commandes.

5
00:00:09,966 --> 00:00:12,775
On les appelle des « fonctions » 
[« functions » en anglais].

6
00:00:12,775 --> 00:00:14,751
On utilisera maintenant 
le mot « fonction »

7
00:00:14,751 --> 00:00:18,070
pour parler de ces commandes.

8
00:00:18,200 --> 00:00:20,686
On va maintenant écrire
la fonction « ellipse ».

9
00:00:20,686 --> 00:00:23,000
Avec ses deux ()
et un point-virgule.

10
00:00:23,000 --> 00:00:24,005
Ca ne marche pas !

11
00:00:24,005 --> 00:00:26,136
On a un message d’erreur 
qui nous parle des...

12
00:00:26,136 --> 00:00:27,667
... paramètres qu’on a oubliés.

13
00:00:27,667 --> 00:00:30,752
Vous souvenez-vous des paramètres
qu’on a utilisés pour le rectangle ?

14
00:00:30,752 --> 00:00:33,291
Il nous manque certainement...

15
00:00:33,291 --> 00:00:35,030
... certains nombres pour 
afficher l’ellipse.

16
00:00:35,030 --> 00:00:37,550
Ces nombres-là s’appellent 
des « paramètres ».

17
00:00:37,550 --> 00:00:40,500
Et on dit que l’on « passe des 
paramètres » à la « fonction »,

18
00:00:40,500 --> 00:00:43,700
pour contrôler la façon dont 
la fonction se comporte.

19
00:00:44,040 --> 00:00:45,883
Sans les paramètres,

20
00:00:45,883 --> 00:00:48,386
la fonction ne sait pas où 
dessiner l’ellipse,

21
00:00:48,386 --> 00:00:50,211
ni quelle taille elle doit faire.

22
00:00:50,211 --> 00:00:52,530
On comprend mieux le message d’erreur.

23
00:00:52,530 --> 00:00:54,717
Allez, ajoutons les 4 paramètres :

24
00:00:54,717 --> 00:00:58,505
pour indiquer sa position 
vers la gauche, vers le bas,

25
00:00:58,505 --> 00:01:00,543
sa largeur et sa hauteur.

26
00:01:00,543 --> 00:01:03,771
Et comme avant, on peut 
déplacer notre ellipse,

27
00:01:03,771 --> 00:01:07,825
et l’agrandir ou la rétrécir.

28
00:01:07,825 --> 00:01:11,633
OK. Maintenant, essayons 
de dessiner une GRANDE ellipse,

29
00:01:11,633 --> 00:01:14,012
juste au centre du cadre.

30
00:01:14,012 --> 00:01:17,105
Première question : 
où est le milieu ?

31
00:01:17,105 --> 00:01:20,299
Rappel : on a en haut 
à gauche notre zéro,

32
00:01:20,299 --> 00:01:25,490
et à droite, notre 400,
et en bas, on a aussi 400.

33
00:01:25,490 --> 00:01:27,761
Donc si on cherche le milieu,

34
00:01:27,761 --> 00:01:31,285
il devrait être à la moitié de 400 :
c’est 200 à droite.

35
00:01:31,285 --> 00:01:33,759
Et 200 vers le bas.

36
00:01:33,759 --> 00:01:35,024
OK. Utilisons ça

37
00:01:35,024 --> 00:01:36,746
dans notre fonction « ellipse ».

38
00:01:36,746 --> 00:01:41,068
On lui passe les paramètres,
et indiquons une grande taille.

39
00:01:41,068 --> 00:01:42,810
Et voilà !

40
00:01:42,810 --> 00:01:45,762
Ajoutons un rectangle maintenant.

41
00:01:45,762 --> 00:01:50,226
On écrit « rect » avec 200 et 200.
Un peu plus petit, par contre.

42
00:01:50,226 --> 00:01:51,745
Voilà.

43
00:01:51,745 --> 00:01:54,623
On voit quelque chose
de spécial, là !

44
00:01:54,623 --> 00:01:57,150
Bien, on voit que 200, 200...

45
00:01:57,150 --> 00:02:00,917
... représente bien le centre du cercle.

46
00:02:01,767 --> 00:02:04,498
Mais pour les rectangles,
c’est différent,

47
00:02:04,498 --> 00:02:08,539
200, 200 représente 
son coin supérieur gauche.

48
00:02:09,969 --> 00:02:14,142
C’est important de l'avoir en tête
quand on veut positionner nos formes.

49
00:02:14,142 --> 00:02:16,565
Maintenant, voyons comment 
dessiner des lignes.

50
00:02:16,565 --> 00:02:19,478
Le nom de la fonction est « line » 
[« ligne » en anglais].

51
00:02:19,478 --> 00:02:21,773
On doit lui passer 4 paramètres également.

52
00:02:21,773 --> 00:02:25,234
Mais une ligne n’a pas de taille 
comme un rectangle.

53
00:02:25,234 --> 00:02:28,125
Donc à quoi servent-ils ?

54
00:02:28,125 --> 00:02:30,910
Les deux premiers paramètres...

55
00:02:31,270 --> 00:02:34,265
... sont la position du point de départ.

56
00:02:34,545 --> 00:02:36,561
Les deux paramètres suivants...

57
00:02:36,981 --> 00:02:40,017
... sont la position du point d’arrivée.

58
00:02:40,017 --> 00:02:43,533
Bon.

59
00:02:45,593 --> 00:02:48,272
Maintenant qu’on a compris comment ça fonctionne,

60
00:02:48,272 --> 00:02:52,171
on va parler des superpositions.

61
00:02:52,501 --> 00:02:56,757
Que se passe-t-il si je déplace
le rectangle en haut à gauche ?

62
00:02:56,757 --> 00:03:00,283
Et si je l’agrandis

63
00:03:00,533 --> 00:03:02,281
vraiment beaucoup ?

64
00:03:03,991 --> 00:03:07,787
On pourrait le rendre vraiment très
grand. Mais ça n’est pas très utile.

65
00:03:07,787 --> 00:03:11,760
On voit que le rectangle cache
l’ellipse petit à petit.

66
00:03:11,910 --> 00:03:14,410
On peut la faire 
disparaître complètement.

67
00:03:14,760 --> 00:03:17,183
Où se trouve l’ellipse
maintenant ?

68
00:03:17,773 --> 00:03:21,502
Eh bien, le programme dessine
les formes dans l’ordre.

69
00:03:21,502 --> 00:03:24,702
Il dessine d’abord l’ellipse,
puis le rectangle au-dessus,

70
00:03:24,702 --> 00:03:26,502
enfin la ligne.

71
00:03:26,502 --> 00:03:29,762
Donc l’ellipse est toujours là,
elle est juste cachée derrière.

72
00:03:30,462 --> 00:03:32,510
C’est un point important à retenir !

73
00:03:32,510 --> 00:03:35,808
Car que se passe-t-il si l'on dessine 
la ligne en premier ?

74
00:03:36,118 --> 00:03:38,520
Eh bien, elle se retrouve cachée !

75
00:03:38,520 --> 00:03:41,730
Vous aurez ce cas, et vous 
demanderez : mais où est ma ligne ?

76
00:03:41,740 --> 00:03:45,023
Eh bien, elle est là. 
Elle est juste cachée...

77
00:03:45,023 --> 00:03:48,940
… par l’ellipse...
et par le rectangle.

78
00:03:50,250 --> 00:03:53,501
Donc, en changeant l’ordre des fonctions,

79
00:03:53,501 --> 00:03:56,562
on peut changer l’ordre d’affichage.

80
00:03:57,802 --> 00:04:00,671
OK. Je voudrais parler de 
deux points importants

81
00:04:00,671 --> 00:04:02,280
avant de terminer.

82
00:04:02,480 --> 00:04:04,252
Exactement comme 
en maths, on utilise...

83
00:04:04,252 --> 00:04:07,494
... la lettre « x » pour 
désigner la position vers la droite.

84
00:04:07,494 --> 00:04:09,216
Et la lettre « y » pour...

85
00:04:09,216 --> 00:04:11,528
... indiquer la position vers le bas.

86
00:04:11,528 --> 00:04:14,001
Cela peut sembler étrange 
si vous découvrez ça.

87
00:04:14,001 --> 00:04:17,232
Mais c’est plus simple de dire « x, y » 
que de parler de la position...

88
00:04:17,232 --> 00:04:19,123
... vers la droite et vers le bas.

89
00:04:19,493 --> 00:04:22,216
Donc, les deux premiers 
paramètres de notre ellipse

90
00:04:22,216 --> 00:04:28,198
permettent de savoir que « x » vaut 200
et « y » vaut 229.

91
00:04:28,618 --> 00:04:30,280
C’est la même chose...

92
00:04:30,280 --> 00:04:33,542
... que de parler de la position 
vers la droite et vers le bas.

93
00:04:33,982 --> 00:04:36,034
Le second point concerne
l’unité de mesure.

94
00:04:36,034 --> 00:04:38,564
De quelle unité avons-nous parlé 
depuis le début ?

95
00:04:38,794 --> 00:04:42,763
Parle-t-on de 200 centimètres ?
200 millimètres ?

96
00:04:42,763 --> 00:04:45,100
Eh bien on utilise une unité
appelée « pixel ».

97
00:04:45,260 --> 00:04:48,277
Un pixel est un des petits 
points de votre écran.

98
00:04:48,477 --> 00:04:51,957
Le cadre à droite fait 
400 pixels de large.

99
00:04:52,287 --> 00:04:56,497
C’est pour cela que le coin 
à gauche est à zéro,

100
00:04:56,497 --> 00:05:01,178
et que le bord à droite est à 400.
Car c’est 400 pixels.

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

102
00:05:05,044 --> 00:05:06,800
Compris ?

103
00:05:07,180 --> 00:05:08,303
Parfait !

104
00:05:08,303 --> 00:05:10,788
Vous savez tout sur 
les rectangles, les lignes, les ellipses

105
00:05:10,788 --> 00:05:12,233
et leurs paramètres !

106
00:05:12,253 --> 00:05:14,791
C’est pas mal, déjà !

107
00:05:14,791 --> 00:05:16,423
Entraînez-vous maintenant à les utiliser !