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 !