WEBVTT

00:00:01.008 --> 00:00:05.684
Il y a 3 choses à savoir 
pour colorer vos dessins.

00:00:05.684 --> 00:00:08.549
Commençons par colorer le fond d'écran.

00:00:08.559 --> 00:00:11.870
On écrit la fonction « background » 
et on ouvre les parenthèses,

00:00:11.870 --> 00:00:14.392
et le reste de la ligne de code s'est
complété automatiquement.

00:00:14.392 --> 00:00:17.393
Ce que nous venons d'écrire est 
l'appel d'une fonction.

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],

00:00:20.777 --> 00:00:25.438
puis 2 parenthèses contenant 
3 paramètres séparés par des virgules.

00:00:25.438 --> 00:00:31.892
Le premier est la quantité de rouge,
puis de vert et de bleu.

00:00:31.892 --> 00:00:35.142
Les quantités vont de 0 à 255.

00:00:35.142 --> 00:00:37.393
0 indique qu'on ne veut pas
de cette couleur.

00:00:37.393 --> 00:00:40.037
255 indique qu'on en veut le maximum.

00:00:40.037 --> 00:00:43.393
Ici, on a le maximum de rouge, 
sans vert ni bleu.

00:00:43.393 --> 00:00:45.770
C'est pour cela que le mélange 
obtenu est un rouge éclatant.

00:00:45.770 --> 00:00:50.037
Si on baisse le premier nombre, on aura
moins de rouge. Il sera donc plus foncé.

00:00:50.037 --> 00:00:53.204
Je peux modifier les quantités 
et voir quelles couleurs on obtient.

00:00:53.204 --> 00:00:56.204
Ou alors, on peut utiliser l'outil de
sélection de couleur.

00:00:56.204 --> 00:00:59.892
Il va calculer les 3 nombres tout seul 
en fonction de la couleur choisie.

00:00:59.892 --> 00:01:02.893
Voyons comment fonctionne 
la fonction « background ».

00:01:02.893 --> 00:01:06.370
Elle recouvre l'ensemble du cadre
avec la couleur choisie.

00:01:06.370 --> 00:01:09.105
Donc, si je déplace la ligne 
à la fin de mon programme,

00:01:09.105 --> 00:01:12.470
tout mon écran est recouvert de
la couleur au-dessus de mon dessin.

00:01:12.470 --> 00:01:14.970
Vous pouvez penser que 
ce n'est pas très utile !

00:01:14.970 --> 00:01:17.170
Mais vous verrez... 
on ne sait jamais !

00:01:17.170 --> 00:01:19.670
On va le remettre en haut pour l'instant.

00:01:19.670 --> 00:01:21.559
Passons maintenant à notre dessin.

00:01:21.559 --> 00:01:25.304
Imaginons que l'ordinateur se 
fasse aider d'un peintre...

00:01:25.304 --> 00:01:27.370
Les peintres ont une cravate, non ?

00:01:27.370 --> 00:01:29.727
Ce peintre ne peut avoir...

00:01:29.727 --> 00:01:34.770
... qu'un feutre d'une couleur 
dans la main gauche...

00:01:34.770 --> 00:01:38.819
... et un pot de peinture d'une
couleur dans la main droite.

00:01:38.819 --> 00:01:42.043
L'ordinateur utilise le feutre pour
dessiner tous les contours de nos formes,

00:01:42.043 --> 00:01:45.000
et il utilise le pot de peinture pour 
remplir l'intérieur des formes.

00:01:45.000 --> 00:01:47.809
Au départ, le feutre est noir 
et le pot de peinture est blanc.

00:01:47.809 --> 00:01:51.977
Pour changer la couleur du feutre,
utilisez la fonction « stroke »
[« trait » en anglais].

00:01:51.977 --> 00:01:55.664
Le code se complète tout seul aussi,

00:01:55.664 --> 00:01:58.560
et vous pouvez choisir une couleur.

00:01:58.560 --> 00:02:02.538
Il a maintenant un feutre rose, ce qui dessine
tous les contours suivants en rose.

00:02:02.538 --> 00:02:05.670
Parfois, vous pouvez avoir besoin de
ne pas voir les contours.

00:02:05.670 --> 00:02:07.394
Il y a une fonction pour ça aussi.

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.

00:02:13.560 --> 00:02:17.439
On a donc seulement les deux
parenthèses vides, le point-virgule,

00:02:17.439 --> 00:02:20.438
et vous voyez maintenant que 
nos formes n'ont aucun contour.

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],

00:02:25.837 --> 00:02:30.438
et vous voyez que toutes les formes 
dessinées ensuite sont remplies de rouge.

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.

00:02:38.429 --> 00:02:42.077
Ainsi nos formes ne sont pas remplies :
elles sont transparentes.

00:02:42.077 --> 00:02:44.893
Maintenant, ajoutons des couleurs 
à notre peintre.

00:02:44.893 --> 00:02:47.227
On a dessiné un triangle pour son corps,

00:02:47.227 --> 00:02:56.003
on écrit « stroke » pour ajouter une 
couleur de contour... choisissons un vert foncé.

00:02:56.003 --> 00:03:05.393
On utilise « fill » pour la couleur de remplissage.
On va prendre... un vert clair...

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 »,

00:03:13.771 --> 00:03:18.892
et je choisis une teinte de marron... 
pas trop foncée.

00:03:18.892 --> 00:03:21.836
Puis avec « fill », je change 
le remplissage du visage...

00:03:21.836 --> 00:03:25.477
Quelle couleur prendre pour un visage ?

00:03:25.477 --> 00:03:30.393
Hum... disons... ha, ça, c'est pas mal !

00:03:30.393 --> 00:03:33.844
OK. Les deux lignes suivantes 
sont deux ellipses pour ses mains,

00:03:33.844 --> 00:03:36.281
et je veux garder la même couleur 
que pour le visage,

00:03:36.281 --> 00:03:38.893
donc on ne va changer ni de feutre,
ni de peinture.

00:03:38.893 --> 00:03:40.837
On laisse comme ça.

00:03:40.837 --> 00:03:42.810
Passons, donc, à la bouche.

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,

00:03:51.004 --> 00:03:54.893
mais avec « stroke » on peut changer
la couleur du trait.

00:03:54.893 --> 00:03:57.236
OK, rouge, c'est pas mal !

00:03:57.236 --> 00:03:58.584
Pour les lunettes, maintenant.

00:03:58.584 --> 00:04:00.565
On va aussi utiliser « stroke » 
pour le trait des branches.

00:04:00.565 --> 00:04:02.608
Quelle couleur choisir...

00:04:02.608 --> 00:04:04.623
... noir, c'est classique.

00:04:04.623 --> 00:04:11.727
Pour le contour des verres, je veux 
le même contour que pour les branches,

00:04:11.727 --> 00:04:16.906
donc je ne change pas de feutre,
mais je vais changer le remplissage avec « fill ».

00:04:16.906 --> 00:04:20.892
Hum... quelle couleur ? 
Allez, « noir », comme les branches.

00:04:20.892 --> 00:04:23.227
Eh bien voilà !
Notre peintre est sympa comme ça !

00:04:23.227 --> 00:04:26.410
Awwwwww, yeah !