1 00:00:00,188 --> 00:00:06,704 Als je wilt kleuren moet je 3 zaken weten 2 00:00:06,704 --> 00:00:08,559 We beginnen de achtergrond te kleuren. 3 00:00:08,559 --> 00:00:11,870 Je typt "background" en haakje openen 4 00:00:11,870 --> 00:00:14,392 en de rest vult de computer in. 5 00:00:14,392 --> 00:00:17,393 Als je beter kijkt zie je dat dit een functieaanroep is. 6 00:00:17,393 --> 00:00:20,337 Onze functie heet "background", 7 00:00:20,337 --> 00:00:25,438 met 3 parameters, gescheiden door komma's tussen de haakjes. 8 00:00:25,438 --> 00:00:31,892 Deze 3 nummer staan voor de hoeveelheid rood, groen en blauw in de achtergrondkleur. 9 00:00:31,892 --> 00:00:35,142 De nummers lopen van 0 tot en met 255, 10 00:00:35,142 --> 00:00:37,393 waarbij 0 betekent dat deze kleur er niet is, 11 00:00:37,393 --> 00:00:40,037 en 255 dat deze kleur maximaal voorkomt. 12 00:00:40,037 --> 00:00:43,393 Nu heb ik maximaal rood en geen groen en blauw 13 00:00:43,393 --> 00:00:45,770 Daarom is de achtergrond super helder rood. 14 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. 15 00:00:50,037 --> 00:00:53,204 Ik kan spelen met de nummers en kijken wat voor een kleuren ik dan krijg. 16 00:00:53,204 --> 00:00:56,204 Of, ik kan de superhandige kleurpikker gebruiken, 17 00:00:56,204 --> 00:00:59,892 die alle getallen voor mij invult. 18 00:00:59,892 --> 00:01:02,893 Nu is het belangrijk te weten dat wat deze background functie eigenlijk doet 19 00:01:02,893 --> 00:01:06,370 is een groot gekleurd vierkant vlak tekenen op het gehele canvas. 20 00:01:06,370 --> 00:01:09,105 Als ik het plaats aan het einde van het programma 21 00:01:09,105 --> 00:01:12,470 dan zou het mijn hele canvas kleuren, over mijn figuren. 22 00:01:12,470 --> 00:01:14,970 Misschien denk je, wat dom, waarom zou je dat doen? 23 00:01:14,970 --> 00:01:17,170 Maar, he, je weet het nooit. 24 00:01:17,170 --> 00:01:19,670 We laten het nu even aan de top 25 00:01:19,670 --> 00:01:21,559 Nu gaan we onze figuren kleuren! 26 00:01:21,559 --> 00:01:25,304 Je kunt de computer zien als een kleuren assistent, 27 00:01:25,304 --> 00:01:27,370 een soort van kleuren butler. 28 00:01:27,370 --> 00:01:29,727 In de kern een kerel die over de kleuren gaat. 29 00:01:29,727 --> 00:01:34,770 Deze kleurenman kan 1 stift in zijn linkerhand houden, 30 00:01:34,770 --> 00:01:39,559 en 1 verfblik in zijn rechterhand. 31 00:01:39,559 --> 00:01:43,393 The computer gebrukt de stift om van figuren de omtrek te tekenen, 32 00:01:43,393 --> 00:01:45,000 en het verfblik om deze figuren in te kleuren. 33 00:01:45,000 --> 00:01:47,809 Nu, de stift is zwart, en het verfblik is wit. 34 00:01:47,809 --> 00:01:51,977 Je kunt de stiftkleuren veranderen met de functie "stroke". 35 00:01:51,977 --> 00:01:56,394 Ook deze completeert zich automatisch, en dan kan je een kleur kiezen, 36 00:01:56,394 --> 00:01:58,560 Deze zet de stift uit die de kleurenman vasthoudt 37 00:01:58,560 --> 00:02:02,538 zodat alle figuren na deze regel met een paarse stift getekend worden. 38 00:02:02,538 --> 00:02:05,670 Soms wil je geen omtrek rond jouw tekeningen. 39 00:02:05,670 --> 00:02:07,394 Daarvoor is er ook een functie! 40 00:02:07,394 --> 00:02:13,560 Het heet noStroke, en hier zien we voor het eerste een functie zonder parameters. 41 00:02:13,560 --> 00:02:17,439 We hebben alleen 2 "lege: haakjes en een puntkomma, 42 00:02:17,439 --> 00:02:20,438 en nu heeft onze figuur geen omtrek. 43 00:02:20,438 --> 00:02:25,837 We kunnen de kleurenman van verfblik laten wisselen met de functie "fill" 44 00:02:25,837 --> 00:02:30,438 Vanaf deze coderegel vult hij alle figuren met rood. 45 00:02:30,438 --> 00:02:38,369 En net als de noStroke functie bestaat er ook de noFill functie, ook zonder parameters. 46 00:02:38,429 --> 00:02:42,077 Dit maakt onze figuren transparant - ze worden niet ingevuld. 47 00:02:42,077 --> 00:02:44,893 Laten we verder gaan en ons poppetje een kleur geven. 48 00:02:44,893 --> 00:02:47,227 We beginnen met het tekenen van zijn driehoekige lijf, 49 00:02:47,227 --> 00:02:56,003 Ik kies een lijnkleur en teken de omtrek. Laten we donkergroen proberen. 50 00:02:56,003 --> 00:03:05,393 Nou een kleurvulling. Wat zou mooi zijn? Wat denk je van lichtergroen? 51 00:03:05,393 --> 00:03:13,771 Voor zijn gezicht willen ik geen groene omtrek dus moet ik van lijnkleur wisselen. 52 00:03:13,771 --> 00:03:18,892 Ik kies een soort donkere bruine omtrek 53 00:03:18,892 --> 00:03:21,836 en gebruik een andere vulkleur. 54 00:03:21,836 --> 00:03:25,477 Wat is een goed kleur voor zijn gezicht? Hmm... 55 00:03:25,477 --> 00:03:30,393 Dit is een soort gezichtskleur, eens? 56 00:03:30,393 --> 00:03:33,844 Nu, de volgende 2 lijnen, deze 2 ovalen, zijn de handen. 57 00:03:33,844 --> 00:03:36,281 Ik wil dat de handen de zelfde kleur hebben als zijn gezicht. 58 00:03:36,281 --> 00:03:38,893 Dus we hoeven niet te wisselen van stift en verfblik. 59 00:03:38,893 --> 00:03:40,837 We laten de stift he het verfblik gewoon wat het was, 60 00:03:40,837 --> 00:03:42,810 en gaan verder met zijn mond. 61 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. 62 00:03:51,004 --> 00:03:55,393 Maar we kunnen de lijn wel een andere kleur geven. 63 00:03:55,393 --> 00:03:57,636 Yeah, rood is een mooie kleur voor zijn mond. 64 00:03:57,636 --> 00:03:59,044 Nou de pootjes van zijn bril. 65 00:03:59,044 --> 00:04:00,565 Ook hier hebben we alleen de lijn nodig 66 00:04:00,565 --> 00:04:02,608 Wat is goed voor het montuur? 67 00:04:02,608 --> 00:04:04,623 Zwart is lekker klassiek 68 00:04:04,623 --> 00:04:11,727 Voor de glazan gebruik ik rechthoeken met dezelfde kleur omtrek als van het montuur. 69 00:04:11,727 --> 00:04:16,906 Ik ga niet wisselen van lijnkleur, maar ik wil werken met een vulkleur 70 00:04:16,906 --> 00:04:20,892 De omtrek van de glazen maar ik zwat, net als het montuur. 71 00:04:20,892 --> 00:04:23,227 Kijk! Ons poppetje is gekleurd! 72 00:04:23,227 --> 00:04:27,000 Awwwwwww, yeah!