Il y a 3 choses à savoir pour colorer vos dessins.
Commençons par colorer le fond d'écran.
On écrit la fonction « background » et on ouvre les parenthèses,
et le reste de la ligne de code s'est complété automatiquement.
Ce que nous venons d'écrire est l'appel d'une fonction.
On a le nom de la fonction, ici c'est le mot « background » [« arrière-plan » en anglais],
puis 2 parenthèses contenant 3 paramètres séparés par des virgules.
Le premier est la quantité de rouge, puis de vert et de bleu.
Les quantités vont de 0 à 255.
0 indique qu'on ne veut pas de cette couleur.
255 indique qu'on en veut le maximum.
Ici, on a le maximum de rouge, sans vert ni bleu.
C'est pour cela que le mélange obtenu est un rouge éclatant.
Si on baisse le premier nombre, on aura moins de rouge. Il sera donc plus foncé.
Je peux modifier les quantités et voir quelles couleurs on obtient.
Ou alors, on peut utiliser l'outil de sélection de couleur.
Il va calculer les 3 nombres tout seul en fonction de la couleur choisie.
Voyons comment fonctionne la fonction « background ».
Elle recouvre l'ensemble du cadre avec la couleur choisie.
Donc, si je déplace la ligne à la fin de mon programme,
tout mon écran est recouvert de la couleur au-dessus de mon dessin.
Vous pouvez penser que ce n'est pas très utile !
Mais vous verrez... on ne sait jamais !
On va le remettre en haut pour l'instant.
Passons maintenant à notre dessin.
Imaginons que l'ordinateur se fasse aider d'un peintre...
Les peintres ont une cravate, non ?
Ce peintre ne peut avoir...
... qu'un feutre d'une couleur dans la main gauche...
... et un pot de peinture d'une couleur dans la main droite.
L'ordinateur utilise le feutre pour dessiner tous les contours de nos formes,
et il utilise le pot de peinture pour remplir l'intérieur des formes.
Au départ, le feutre est noir et le pot de peinture est blanc.
Pour changer la couleur du feutre, utilisez la fonction « stroke » [« trait » en anglais].
Le code se complète tout seul aussi,
et vous pouvez choisir une couleur.
Il a maintenant un feutre rose, ce qui dessine tous les contours suivants en rose.
Parfois, vous pouvez avoir besoin de ne pas voir les contours.
Il y a une fonction pour ça aussi.
Elle s'appelle « noStroke » [« pas de trait » en anglais], c'est une fonction qui n'a aucun paramètre.
On a donc seulement les deux parenthèses vides, le point-virgule,
et vous voyez maintenant que nos formes n'ont aucun contour.
On peut aussi changer la couleur du pot de peinture avec la fonction « fill » [« remplir » en anglais],
et vous voyez que toutes les formes dessinées ensuite sont remplies de rouge.
On a aussi une fonction pour ne pas remplir : « noFill » [« pas de remplissage » en anglais], sans paramètres.
Ainsi nos formes ne sont pas remplies : elles sont transparentes.
Maintenant, ajoutons des couleurs à notre peintre.
On a dessiné un triangle pour son corps,
on écrit « stroke » pour ajouter une couleur de contour... choisissons un vert foncé.
On utilise « fill » pour la couleur de remplissage. On va prendre... un vert clair...
Maintenant son visage : je ne veux pas de contour vert, donc je change son feutre avec « stroke »,
et je choisis une teinte de marron... pas trop foncée.
Puis avec « fill », je change le remplissage du visage...
Quelle couleur prendre pour un visage ?
Hum... disons... ha, ça, c'est pas mal !
OK. Les deux lignes suivantes sont deux ellipses pour ses mains,
et je veux garder la même couleur que pour le visage,
donc on ne va changer ni de feutre, ni de peinture.
On laisse comme ça.
Passons, donc, à la bouche.
C'est juste la ligne ici. Les lignes n'ont pas de couleur de remplissage car il n'y a rien à remplir,
mais avec « stroke » on peut changer la couleur du trait.
OK, rouge, c'est pas mal !
Pour les lunettes, maintenant.
On va aussi utiliser « stroke » pour le trait des branches.
Quelle couleur choisir...
... noir, c'est classique.
Pour le contour des verres, je veux le même contour que pour les branches,
donc je ne change pas de feutre, mais je vais changer le remplissage avec « fill ».
Hum... quelle couleur ? Allez, « noir », comme les branches.
Eh bien voilà ! Notre peintre est sympa comme ça !
Awwwwww, yeah !