1
00:00:01,008 --> 00:00:05,684
Il y a 3 choses à savoir 
pour colorer vos dessins.

2
00:00:05,684 --> 00:00:08,549
Commençons par colorer le fond d'écran.

3
00:00:08,559 --> 00:00:11,870
On écrit la fonction « background » 
et on ouvre les parenthèses,

4
00:00:11,870 --> 00:00:14,392
et le reste de la ligne de code s'est
complété automatiquement.

5
00:00:14,392 --> 00:00:17,393
Ce que nous venons d'écrire est 
l'appel d'une fonction.

6
00:00:17,393 --> 00:00:20,777
On a le nom de la fonction,
ici c'est le mot « background » 
[« arrière-plan » en anglais],

7
00:00:20,777 --> 00:00:25,438
puis 2 parenthèses contenant 
3 paramètres séparés par des virgules.

8
00:00:25,438 --> 00:00:31,892
Le premier est la quantité de rouge,
puis de vert et de bleu.

9
00:00:31,892 --> 00:00:35,142
Les quantités vont de 0 à 255.

10
00:00:35,142 --> 00:00:37,393
0 indique qu'on ne veut pas
de cette couleur.

11
00:00:37,393 --> 00:00:40,037
255 indique qu'on en veut le maximum.

12
00:00:40,037 --> 00:00:43,393
Ici, on a le maximum de rouge, 
sans vert ni bleu.

13
00:00:43,393 --> 00:00:45,770
C'est pour cela que le mélange 
obtenu est un rouge éclatant.

14
00:00:45,770 --> 00:00:50,037
Si on baisse le premier nombre, on aura
moins de rouge. Il sera donc plus foncé.

15
00:00:50,037 --> 00:00:53,204
Je peux modifier les quantités 
et voir quelles couleurs on obtient.

16
00:00:53,204 --> 00:00:56,204
Ou alors, on peut utiliser l'outil de
sélection de couleur.

17
00:00:56,204 --> 00:00:59,892
Il va calculer les 3 nombres tout seul 
en fonction de la couleur choisie.

18
00:00:59,892 --> 00:01:02,893
Voyons comment fonctionne 
la fonction « background ».

19
00:01:02,893 --> 00:01:06,370
Elle recouvre l'ensemble du cadre
avec la couleur choisie.

20
00:01:06,370 --> 00:01:09,105
Donc, si je déplace la ligne 
à la fin de mon programme,

21
00:01:09,105 --> 00:01:12,470
tout mon écran est recouvert de
la couleur au-dessus de mon dessin.

22
00:01:12,470 --> 00:01:14,970
Vous pouvez penser que 
ce n'est pas très utile !

23
00:01:14,970 --> 00:01:17,170
Mais vous verrez... 
on ne sait jamais !

24
00:01:17,170 --> 00:01:19,670
On va le remettre en haut pour l'instant.

25
00:01:19,670 --> 00:01:21,559
Passons maintenant à notre dessin.

26
00:01:21,559 --> 00:01:25,304
Imaginons que l'ordinateur se 
fasse aider d'un peintre...

27
00:01:25,304 --> 00:01:27,370
Les peintres ont une cravate, non ?

28
00:01:27,370 --> 00:01:29,727
Ce peintre ne peut avoir...

29
00:01:29,727 --> 00:01:34,770
... qu'un feutre d'une couleur 
dans la main gauche...

30
00:01:34,770 --> 00:01:38,819
... et un pot de peinture d'une
couleur dans la main droite.

31
00:01:38,819 --> 00:01:42,043
L'ordinateur utilise le feutre pour
dessiner tous les contours de nos formes,

32
00:01:42,043 --> 00:01:45,000
et il utilise le pot de peinture pour 
remplir l'intérieur des formes.

33
00:01:45,000 --> 00:01:47,809
Au départ, le feutre est noir 
et le pot de peinture est blanc.

34
00:01:47,809 --> 00:01:51,977
Pour changer la couleur du feutre,
utilisez la fonction « stroke »
[« trait » en anglais].

35
00:01:51,977 --> 00:01:55,664
Le code se complète tout seul aussi,

36
00:01:55,664 --> 00:01:58,560
et vous pouvez choisir une couleur.

37
00:01:58,560 --> 00:02:02,538
Il a maintenant un feutre rose, ce qui dessine
tous les contours suivants en rose.

38
00:02:02,538 --> 00:02:05,670
Parfois, vous pouvez avoir besoin de
ne pas voir les contours.

39
00:02:05,670 --> 00:02:07,394
Il y a une fonction pour ça aussi.

40
00:02:07,394 --> 00:02:13,560
Elle s'appelle « noStroke » [« pas de trait » en anglais],
c'est une fonction qui n'a aucun paramètre.

41
00:02:13,560 --> 00:02:17,439
On a donc seulement les deux
parenthèses vides, le point-virgule,

42
00:02:17,439 --> 00:02:20,438
et vous voyez maintenant que 
nos formes n'ont aucun contour.

43
00:02:20,438 --> 00:02:25,837
On peut aussi changer la couleur du pot de peinture
avec la fonction « fill » [« remplir » en anglais],

44
00:02:25,837 --> 00:02:30,438
et vous voyez que toutes les formes 
dessinées ensuite sont remplies de rouge.

45
00:02:30,438 --> 00:02:38,369
On a aussi une fonction pour ne pas remplir :
« noFill » [« pas de remplissage » en anglais],
sans paramètres.

46
00:02:38,429 --> 00:02:42,077
Ainsi nos formes ne sont pas remplies :
elles sont transparentes.

47
00:02:42,077 --> 00:02:44,893
Maintenant, ajoutons des couleurs 
à notre peintre.

48
00:02:44,893 --> 00:02:47,227
On a dessiné un triangle pour son corps,

49
00:02:47,227 --> 00:02:56,003
on écrit « stroke » pour ajouter une 
couleur de contour... choisissons un vert foncé.

50
00:02:56,003 --> 00:03:05,393
On utilise « fill » pour la couleur de remplissage.
On va prendre... un vert clair...

51
00:03:05,393 --> 00:03:13,771
Maintenant son visage : je ne veux pas
de contour vert, donc je change son feutre
avec « stroke »,

52
00:03:13,771 --> 00:03:18,892
et je choisis une teinte de marron... 
pas trop foncée.

53
00:03:18,892 --> 00:03:21,836
Puis avec « fill », je change 
le remplissage du visage...

54
00:03:21,836 --> 00:03:25,477
Quelle couleur prendre pour un visage ?

55
00:03:25,477 --> 00:03:30,393
Hum... disons... ha, ça, c'est pas mal !

56
00:03:30,393 --> 00:03:33,844
OK. Les deux lignes suivantes 
sont deux ellipses pour ses mains,

57
00:03:33,844 --> 00:03:36,281
et je veux garder la même couleur 
que pour le visage,

58
00:03:36,281 --> 00:03:38,893
donc on ne va changer ni de feutre,
ni de peinture.

59
00:03:38,893 --> 00:03:40,837
On laisse comme ça.

60
00:03:40,837 --> 00:03:42,810
Passons, donc, à la bouche.

61
00:03:42,810 --> 00:03:51,004
C'est juste la ligne ici. Les lignes n'ont pas
de couleur de remplissage car il n'y a rien à remplir,

62
00:03:51,004 --> 00:03:54,893
mais avec « stroke » on peut changer
la couleur du trait.

63
00:03:54,893 --> 00:03:57,236
OK, rouge, c'est pas mal !

64
00:03:57,236 --> 00:03:58,584
Pour les lunettes, maintenant.

65
00:03:58,584 --> 00:04:00,565
On va aussi utiliser « stroke » 
pour le trait des branches.

66
00:04:00,565 --> 00:04:02,608
Quelle couleur choisir...

67
00:04:02,608 --> 00:04:04,623
... noir, c'est classique.

68
00:04:04,623 --> 00:04:11,727
Pour le contour des verres, je veux 
le même contour que pour les branches,

69
00:04:11,727 --> 00:04:16,906
donc je ne change pas de feutre,
mais je vais changer le remplissage avec « fill ».

70
00:04:16,906 --> 00:04:20,892
Hum... quelle couleur ? 
Allez, « noir », comme les branches.

71
00:04:20,892 --> 00:04:23,227
Eh bien voilà !
Notre peintre est sympa comme ça !

72
00:04:23,227 --> 00:04:26,410
Awwwwww, yeah !