0:00:01.008,0:00:05.684 Il y a 3 choses à savoir [br]pour colorer vos dessins. 0:00:05.684,0:00:08.549 Commençons par colorer le fond d'écran. 0:00:08.559,0:00:11.870 On écrit la fonction « background » [br]et on ouvre les parenthèses, 0:00:11.870,0:00:14.392 et le reste de la ligne de code s'est[br]complété automatiquement. 0:00:14.392,0:00:17.393 Ce que nous venons d'écrire est [br]l'appel d'une fonction. 0:00:17.393,0:00:20.777 On a le nom de la fonction,[br]ici c'est le mot « background » [br][« arrière-plan » en anglais], 0:00:20.777,0:00:25.438 puis 2 parenthèses contenant [br]3 paramètres séparés par des virgules. 0:00:25.438,0:00:31.892 Le premier est la quantité de rouge,[br]puis de vert et de bleu. 0:00:31.892,0:00:35.142 Les quantités vont de 0 à 255. 0:00:35.142,0:00:37.393 0 indique qu'on ne veut pas[br]de cette couleur. 0:00:37.393,0:00:40.037 255 indique qu'on en veut le maximum. 0:00:40.037,0:00:43.393 Ici, on a le maximum de rouge, [br]sans vert ni bleu. 0:00:43.393,0:00:45.770 C'est pour cela que le mélange [br]obtenu est un rouge éclatant. 0:00:45.770,0:00:50.037 Si on baisse le premier nombre, on aura[br]moins de rouge. Il sera donc plus foncé. 0:00:50.037,0:00:53.204 Je peux modifier les quantités [br]et voir quelles couleurs on obtient. 0:00:53.204,0:00:56.204 Ou alors, on peut utiliser l'outil de[br]sélection de couleur. 0:00:56.204,0:00:59.892 Il va calculer les 3 nombres tout seul [br]en fonction de la couleur choisie. 0:00:59.892,0:01:02.893 Voyons comment fonctionne [br]la fonction « background ». 0:01:02.893,0:01:06.370 Elle recouvre l'ensemble du cadre[br]avec la couleur choisie. 0:01:06.370,0:01:09.105 Donc, si je déplace la ligne [br]à la fin de mon programme, 0:01:09.105,0:01:12.470 tout mon écran est recouvert de[br]la couleur au-dessus de mon dessin. 0:01:12.470,0:01:14.970 Vous pouvez penser que [br]ce n'est pas très utile ! 0:01:14.970,0:01:17.170 Mais vous verrez... [br]on ne sait jamais ! 0:01:17.170,0:01:19.670 On va le remettre en haut pour l'instant. 0:01:19.670,0:01:21.559 Passons maintenant à notre dessin. 0:01:21.559,0:01:25.304 Imaginons que l'ordinateur se [br]fasse aider d'un peintre... 0:01:25.304,0:01:27.370 Les peintres ont une cravate, non ? 0:01:27.370,0:01:29.727 Ce peintre ne peut avoir... 0:01:29.727,0:01:34.770 ... qu'un feutre d'une couleur [br]dans la main gauche... 0:01:34.770,0:01:38.819 ... et un pot de peinture d'une[br]couleur dans la main droite. 0:01:38.819,0:01:42.043 L'ordinateur utilise le feutre pour[br]dessiner tous les contours de nos formes, 0:01:42.043,0:01:45.000 et il utilise le pot de peinture pour [br]remplir l'intérieur des formes. 0:01:45.000,0:01:47.809 Au départ, le feutre est noir [br]et le pot de peinture est blanc. 0:01:47.809,0:01:51.977 Pour changer la couleur du feutre,[br]utilisez la fonction « stroke »[br][« trait » en anglais]. 0:01:51.977,0:01:55.664 Le code se complète tout seul aussi, 0:01:55.664,0:01:58.560 et vous pouvez choisir une couleur. 0:01:58.560,0:02:02.538 Il a maintenant un feutre rose, ce qui dessine[br]tous les contours suivants en rose. 0:02:02.538,0:02:05.670 Parfois, vous pouvez avoir besoin de[br]ne pas voir les contours. 0:02:05.670,0:02:07.394 Il y a une fonction pour ça aussi. 0:02:07.394,0:02:13.560 Elle s'appelle « noStroke » [« pas de trait » en anglais],[br]c'est une fonction qui n'a aucun paramètre. 0:02:13.560,0:02:17.439 On a donc seulement les deux[br]parenthèses vides, le point-virgule, 0:02:17.439,0:02:20.438 et vous voyez maintenant que [br]nos formes n'ont aucun contour. 0:02:20.438,0:02:25.837 On peut aussi changer la couleur du pot de peinture[br]avec la fonction « fill » [« remplir » en anglais], 0:02:25.837,0:02:30.438 et vous voyez que toutes les formes [br]dessinées ensuite sont remplies de rouge. 0:02:30.438,0:02:38.369 On a aussi une fonction pour ne pas remplir :[br]« noFill » [« pas de remplissage » en anglais],[br]sans paramètres. 0:02:38.429,0:02:42.077 Ainsi nos formes ne sont pas remplies :[br]elles sont transparentes. 0:02:42.077,0:02:44.893 Maintenant, ajoutons des couleurs [br]à notre peintre. 0:02:44.893,0:02:47.227 On a dessiné un triangle pour son corps, 0:02:47.227,0:02:56.003 on écrit « stroke » pour ajouter une [br]couleur de contour... choisissons un vert foncé. 0:02:56.003,0:03:05.393 On utilise « fill » pour la couleur de remplissage.[br]On va prendre... un vert clair... 0:03:05.393,0:03:13.771 Maintenant son visage : je ne veux pas[br]de contour vert, donc je change son feutre[br]avec « stroke », 0:03:13.771,0:03:18.892 et je choisis une teinte de marron... [br]pas trop foncée. 0:03:18.892,0:03:21.836 Puis avec « fill », je change [br]le remplissage du visage... 0:03:21.836,0:03:25.477 Quelle couleur prendre pour un visage ? 0:03:25.477,0:03:30.393 Hum... disons... ha, ça, c'est pas mal ! 0:03:30.393,0:03:33.844 OK. Les deux lignes suivantes [br]sont deux ellipses pour ses mains, 0:03:33.844,0:03:36.281 et je veux garder la même couleur [br]que pour le visage, 0:03:36.281,0:03:38.893 donc on ne va changer ni de feutre,[br]ni de peinture. 0:03:38.893,0:03:40.837 On laisse comme ça. 0:03:40.837,0:03:42.810 Passons, donc, à la bouche. 0:03:42.810,0:03:51.004 C'est juste la ligne ici. Les lignes n'ont pas[br]de couleur de remplissage car il n'y a rien à remplir, 0:03:51.004,0:03:54.893 mais avec « stroke » on peut changer[br]la couleur du trait. 0:03:54.893,0:03:57.236 OK, rouge, c'est pas mal ! 0:03:57.236,0:03:58.584 Pour les lunettes, maintenant. 0:03:58.584,0:04:00.565 On va aussi utiliser « stroke » [br]pour le trait des branches. 0:04:00.565,0:04:02.608 Quelle couleur choisir... 0:04:02.608,0:04:04.623 ... noir, c'est classique. 0:04:04.623,0:04:11.727 Pour le contour des verres, je veux [br]le même contour que pour les branches, 0:04:11.727,0:04:16.906 donc je ne change pas de feutre,[br]mais je vais changer le remplissage avec « fill ». 0:04:16.906,0:04:20.892 Hum... quelle couleur ? [br]Allez, « noir », comme les branches. 0:04:20.892,0:04:23.227 Eh bien voilà ![br]Notre peintre est sympa comme ça ! 0:04:23.227,0:04:26.410 Awwwwww, yeah !