WEBVTT 00:00:00.188 --> 00:00:06.704 Als je wilt kleuren moet je 3 zaken weten 00:00:06.704 --> 00:00:08.559 We beginnen de achtergrond te kleuren. 00:00:08.559 --> 00:00:11.870 Je typt "background" en haakje openen 00:00:11.870 --> 00:00:14.392 en de rest vult de computer in. 00:00:14.392 --> 00:00:17.393 Als je beter kijkt zie je dat dit een functieaanroep is. 00:00:17.393 --> 00:00:20.337 Onze functie heet "background", 00:00:20.337 --> 00:00:25.438 met 3 parameters, gescheiden door komma's tussen de haakjes. 00:00:25.438 --> 00:00:31.892 Deze 3 nummer staan voor de hoeveelheid rood, groen en blauw in de achtergrondkleur. 00:00:31.892 --> 00:00:35.142 De nummers lopen van 0 tot en met 255, 00:00:35.142 --> 00:00:37.393 waarbij 0 betekent dat deze kleur er niet is, 00:00:37.393 --> 00:00:40.037 en 255 dat deze kleur maximaal voorkomt. 00:00:40.037 --> 00:00:43.393 Nu heb ik maximaal rood en geen groen en blauw 00:00:43.393 --> 00:00:45.770 Daarom is de achtergrond super helder rood. 00:00:45.770 --> 00:00:50.037 Als ik het eerste getal kleiner maak, dan is er minder rood, dus wordt het donkerder rood. 00:00:50.037 --> 00:00:53.204 Ik kan spelen met de nummers en kijken wat voor een kleuren ik dan krijg. 00:00:53.204 --> 00:00:56.204 Of, ik kan de superhandige kleurpikker gebruiken, 00:00:56.204 --> 00:00:59.892 die alle getallen voor mij invult. 00:00:59.892 --> 00:01:02.893 Nu is het belangrijk te weten dat wat deze background functie eigenlijk doet 00:01:02.893 --> 00:01:06.370 is een groot gekleurd vierkant vlak tekenen op het gehele canvas. 00:01:06.370 --> 00:01:09.105 Als ik het plaats aan het einde van het programma 00:01:09.105 --> 00:01:12.470 dan zou het mijn hele canvas kleuren, over mijn figuren. 00:01:12.470 --> 00:01:14.970 Misschien denk je, wat dom, waarom zou je dat doen? 00:01:14.970 --> 00:01:17.170 Maar, he, je weet het nooit. 00:01:17.170 --> 00:01:19.670 We laten het nu even aan de top 00:01:19.670 --> 00:01:21.559 Nu gaan we onze figuren kleuren! 00:01:21.559 --> 00:01:25.304 Je kunt de computer zien als een kleuren assistent, 00:01:25.304 --> 00:01:27.370 een soort van kleuren butler. 00:01:27.370 --> 00:01:29.727 In de kern een kerel die over de kleuren gaat. 00:01:29.727 --> 00:01:34.770 Deze kleurenman kan 1 stift in zijn linkerhand houden, 00:01:34.770 --> 00:01:39.559 en 1 verfblik in zijn rechterhand. 00:01:39.559 --> 00:01:43.393 The computer gebrukt de stift om van figuren de omtrek te tekenen, 00:01:43.393 --> 00:01:45.000 en het verfblik om deze figuren in te kleuren. 00:01:45.000 --> 00:01:47.809 Nu, de stift is zwart, en het verfblik is wit. 00:01:47.809 --> 00:01:51.977 Je kunt de stiftkleuren veranderen met de functie "stroke". 00:01:51.977 --> 00:01:56.394 Ook deze completeert zich automatisch, en dan kan je een kleur kiezen, 00:01:56.394 --> 00:01:58.560 Deze zet de stift uit die de kleurenman vasthoudt 00:01:58.560 --> 00:02:02.538 zodat alle figuren na deze regel met een paarse stift getekend worden. 00:02:02.538 --> 00:02:05.670 Soms wil je geen omtrek rond jouw tekeningen. 00:02:05.670 --> 00:02:07.394 Daarvoor is er ook een functie! 00:02:07.394 --> 00:02:13.560 Het heet noStroke, en hier zien we voor het eerste een functie zonder parameters. 00:02:13.560 --> 00:02:17.439 We hebben alleen 2 "lege: haakjes en een puntkomma, 00:02:17.439 --> 00:02:20.438 en nu heeft onze figuur geen omtrek. 00:02:20.438 --> 00:02:25.837 We kunnen de kleurenman van verfblik laten wisselen met de functie "fill" 00:02:25.837 --> 00:02:30.438 Vanaf deze coderegel vult hij alle figuren met rood. 00:02:30.438 --> 00:02:38.369 En net als de noStroke functie bestaat er ook de noFill functie, ook zonder parameters. 00:02:38.429 --> 00:02:42.077 Dit maakt onze figuren transparant - ze worden niet ingevuld. 00:02:42.077 --> 00:02:44.893 Laten we verder gaan en ons poppetje een kleur geven. 00:02:44.893 --> 00:02:47.227 We beginnen met het tekenen van zijn driehoekige lijf, 00:02:47.227 --> 00:02:56.003 Ik kies een lijnkleur en teken de omtrek. Laten we donkergroen proberen. 00:02:56.003 --> 00:03:05.393 Nou een kleurvulling. Wat zou mooi zijn? Wat denk je van lichtergroen? 00:03:05.393 --> 00:03:13.771 Voor zijn gezicht willen ik geen groene omtrek dus moet ik van lijnkleur wisselen. 00:03:13.771 --> 00:03:18.892 Ik kies een soort donkere bruine omtrek 00:03:18.892 --> 00:03:21.836 en gebruik een andere vulkleur. 00:03:21.836 --> 00:03:25.477 Wat is een goed kleur voor zijn gezicht? Hmm... 00:03:25.477 --> 00:03:30.393 Dit is een soort gezichtskleur, eens? 00:03:30.393 --> 00:03:33.844 Nu, de volgende 2 lijnen, deze 2 ovalen, zijn de handen. 00:03:33.844 --> 00:03:36.281 Ik wil dat de handen de zelfde kleur hebben als zijn gezicht. 00:03:36.281 --> 00:03:38.893 Dus we hoeven niet te wisselen van stift en verfblik. 00:03:38.893 --> 00:03:40.837 We laten de stift he het verfblik gewoon wat het was, 00:03:40.837 --> 00:03:42.810 en gaan verder met zijn mond. 00:03:42.810 --> 00:03:51.004 Zijn mond is alleen een lijn, en lijnen hebben geen vulkleuren omdat er niets te vullen is. 00:03:51.004 --> 00:03:55.393 Maar we kunnen de lijn wel een andere kleur geven. 00:03:55.393 --> 00:03:57.636 Yeah, rood is een mooie kleur voor zijn mond. 00:03:57.636 --> 00:03:59.044 Nou de pootjes van zijn bril. 00:03:59.044 --> 00:04:00.565 Ook hier hebben we alleen de lijn nodig 00:04:00.565 --> 00:04:02.608 Wat is goed voor het montuur? 00:04:02.608 --> 00:04:04.623 Zwart is lekker klassiek 00:04:04.623 --> 00:04:11.727 Voor de glazan gebruik ik rechthoeken met dezelfde kleur omtrek als van het montuur. 00:04:11.727 --> 00:04:16.906 Ik ga niet wisselen van lijnkleur, maar ik wil werken met een vulkleur 00:04:16.906 --> 00:04:20.892 De omtrek van de glazen maar ik zwat, net als het montuur. 00:04:20.892 --> 00:04:23.227 Kijk! Ons poppetje is gekleurd! 00:04:23.227 --> 00:04:27.000 Awwwwwww, yeah!