0:00:00.188,0:00:06.704
Als je wilt kleuren moet je 3 zaken weten

0:00:06.704,0:00:08.559
We beginnen de achtergrond te kleuren.

0:00:08.559,0:00:11.870
Je typt "background" en haakje openen

0:00:11.870,0:00:14.392
en de rest vult de computer in.

0:00:14.392,0:00:17.393
Als je beter kijkt zie je dat dit een functieaanroep is.

0:00:17.393,0:00:20.337
Onze functie heet "background",

0:00:20.337,0:00:25.438
met 3 parameters, gescheiden door komma's tussen de haakjes.

0:00:25.438,0:00:31.892
Deze 3 nummer staan voor de hoeveelheid rood, groen en blauw in de achtergrondkleur.

0:00:31.892,0:00:35.142
De nummers lopen van 0 tot en met 255,

0:00:35.142,0:00:37.393
waarbij 0 betekent dat deze kleur er niet is,

0:00:37.393,0:00:40.037
en 255 dat deze kleur maximaal voorkomt.

0:00:40.037,0:00:43.393
Nu heb ik maximaal rood en geen groen en blauw

0:00:43.393,0:00:45.770
Daarom is de achtergrond super helder rood.

0:00:45.770,0:00:50.037
Als ik het eerste getal kleiner maak, dan is er minder rood, dus wordt het donkerder rood.

0:00:50.037,0:00:53.204
Ik kan spelen met de nummers en kijken wat voor een kleuren ik dan krijg.

0:00:53.204,0:00:56.204
Of, ik kan de superhandige kleurpikker gebruiken,

0:00:56.204,0:00:59.892
die alle getallen voor mij invult.

0:00:59.892,0:01:02.893
Nu is het belangrijk te weten dat wat deze background functie eigenlijk doet

0:01:02.893,0:01:06.370
is een groot gekleurd vierkant vlak tekenen op het gehele canvas.

0:01:06.370,0:01:09.105
Als ik het plaats aan het einde van het programma

0:01:09.105,0:01:12.470
dan zou het mijn hele canvas kleuren, over mijn figuren.

0:01:12.470,0:01:14.970
Misschien denk je, wat dom, waarom zou je dat doen?

0:01:14.970,0:01:17.170
Maar, he, je weet het nooit.

0:01:17.170,0:01:19.670
We laten het nu even aan de top

0:01:19.670,0:01:21.559
Nu gaan we onze figuren kleuren!

0:01:21.559,0:01:25.304
Je kunt de computer zien als een kleuren assistent,

0:01:25.304,0:01:27.370
een soort van kleuren butler.

0:01:27.370,0:01:29.727
In de kern een kerel die over de kleuren gaat.

0:01:29.727,0:01:34.770
Deze kleurenman kan 1 stift in zijn linkerhand houden,

0:01:34.770,0:01:39.559
en 1 verfblik in zijn rechterhand.

0:01:39.559,0:01:43.393
The computer gebrukt de stift om van figuren de omtrek te tekenen,

0:01:43.393,0:01:45.000
en het verfblik om deze figuren in te kleuren.

0:01:45.000,0:01:47.809
Nu, de stift is zwart, en het verfblik is wit.

0:01:47.809,0:01:51.977
Je kunt de stiftkleuren veranderen met de functie "stroke".

0:01:51.977,0:01:56.394
Ook deze completeert zich automatisch, en dan kan je een kleur kiezen,

0:01:56.394,0:01:58.560
Deze zet de stift uit die de kleurenman vasthoudt

0:01:58.560,0:02:02.538
zodat alle figuren na deze regel met een paarse stift getekend worden.

0:02:02.538,0:02:05.670
Soms wil je geen omtrek rond jouw tekeningen.

0:02:05.670,0:02:07.394
Daarvoor is er ook een functie!

0:02:07.394,0:02:13.560
Het heet noStroke, en hier zien we voor het eerste een functie zonder parameters.

0:02:13.560,0:02:17.439
We hebben alleen 2 "lege: haakjes en een puntkomma,

0:02:17.439,0:02:20.438
en nu heeft onze figuur geen omtrek.

0:02:20.438,0:02:25.837
We kunnen de kleurenman van verfblik laten wisselen met de functie "fill"

0:02:25.837,0:02:30.438
Vanaf deze coderegel vult hij alle figuren met rood.

0:02:30.438,0:02:38.369
En net als de noStroke functie bestaat er ook de noFill functie, ook zonder parameters.

0:02:38.429,0:02:42.077
Dit maakt onze figuren transparant - ze worden niet ingevuld.

0:02:42.077,0:02:44.893
Laten we verder gaan en ons poppetje een kleur geven.

0:02:44.893,0:02:47.227
We beginnen met het tekenen van zijn driehoekige lijf,

0:02:47.227,0:02:56.003
Ik kies een lijnkleur en teken de omtrek. Laten we donkergroen proberen.

0:02:56.003,0:03:05.393
Nou een kleurvulling. Wat zou mooi zijn? Wat denk je van lichtergroen?

0:03:05.393,0:03:13.771
Voor zijn gezicht willen ik geen groene omtrek dus moet ik van lijnkleur wisselen.

0:03:13.771,0:03:18.892
Ik kies een soort donkere bruine omtrek

0:03:18.892,0:03:21.836
en gebruik een andere vulkleur.

0:03:21.836,0:03:25.477
Wat is een goed kleur voor zijn gezicht? Hmm...

0:03:25.477,0:03:30.393
Dit is een soort gezichtskleur, eens?

0:03:30.393,0:03:33.844
Nu, de volgende 2 lijnen, deze 2 ovalen, zijn de handen.

0:03:33.844,0:03:36.281
Ik wil dat de handen de zelfde kleur hebben als zijn gezicht.

0:03:36.281,0:03:38.893
Dus we hoeven niet te wisselen van stift en verfblik.

0:03:38.893,0:03:40.837
We laten de stift he het verfblik gewoon wat het was,

0:03:40.837,0:03:42.810
en gaan verder met zijn mond.

0:03:42.810,0:03:51.004
Zijn mond is alleen een lijn, en lijnen hebben geen vulkleuren omdat er niets te vullen is.

0:03:51.004,0:03:55.393
Maar we kunnen de lijn wel een andere kleur geven.

0:03:55.393,0:03:57.636
Yeah, rood is een mooie kleur voor zijn mond.

0:03:57.636,0:03:59.044
Nou de pootjes van zijn bril.

0:03:59.044,0:04:00.565
Ook hier hebben we alleen de lijn nodig

0:04:00.565,0:04:02.608
Wat is goed voor het montuur?

0:04:02.608,0:04:04.623
Zwart is lekker klassiek

0:04:04.623,0:04:11.727
Voor de glazan gebruik ik rechthoeken met dezelfde kleur omtrek als van het montuur.

0:04:11.727,0:04:16.906
Ik ga niet wisselen van lijnkleur, maar ik wil werken met een vulkleur

0:04:16.906,0:04:20.892
De omtrek van de glazen maar ik zwat, net als het montuur.

0:04:20.892,0:04:23.227
Kijk! Ons poppetje is gekleurd!

0:04:23.227,0:04:27.000
Awwwwwww, yeah!