-
Laten we kijken wat we nog meer kunnen tekenen
-
Wat kunnen we maken behalve rechthoeken?
-
We kunnen ovalen maken met het woord ellipse,
-
wat ook een commando is wat de computer kent.
-
We hebben zelfs een speciaal woord voor commando's
-
We noemen ze vanaf nu functies
-
Ik zal het woord functie vanaf nu gebruiken als ik commando bedoel
-
Laten we functienaam ellipse opschrijven,
-
en dan () en een ;
-
Het werkt niet!
-
We krijgen een foutboodschap
-
die praat over parameters,
-
wat dat ook mogen zijn.
-
Kan je zien wat we missen,
-
door te vergelijken met wat we bij rect gedaan hebben?
-
Toen we alleen maar ellipse typten, gaven we geen nummers,
-
zoals we deden bij de rechthoek.
-
Deze nummers heten parameters.
-
We zeggen dat we de parameters meegeven aan de functie,
-
en zij controleren hoe de functie zich gedraagt.
-
Zonder de parameters,
-
weet het programma niet waar je de ellipse wilt,
-
of hoe groot hij moet zijn.
-
Nou begrijpen we de foutboodschap al een beetje beter.
-
Late we doorgaan en weer 4 parameters meegeven,
-
om te besturen hoe ver naar rechts, hoe ver naar beneden, hoe breed,
-
en hoe lang we de ellipse willen hebben.
-
Net als eerder, kunnen we wat lol maken en de ellipse heen en weer bewegen,
-
en we kunnen het zelfs laten groeien en krimpen.
-
Nu we de basis gezien hebben,
-
laten we proberen een grote ellipse te tekenen
-
precies in het midden van het canvas.
-
De eerste vraag die je misschien hebt is,
-
waar was het midden ook al weer?
-
Om je te helpen herinnneren,
-
we hebben bovenaan links, 0,
-
and rechts is, als je het hebt onthouden, 400,
-
en beneden is ook 400.
-
Dus als we denken: "waar zou het midden zijn?"
-
Zouden we antwoorden,
-
"het zou halfweg van 400 moeten liggen, dus bij 200."
-
Dan halfweg van 400 naar beneden, dus 200
-
We kunnen dat proberen.
-
Laten we de ellipse functie maken,
-
we geven de parameters mee
-
en maken het lekker groot.
-
Zo!
-
Alleen voor de lol, laten we ook een rechthoek toevoegen.
-
We zeggen rect(200,200)
-
net als bij de ellipse en maken
-
de rechthoek een beetje kleiner. 100, 100);
-
Hm, dit is interessant.
-
Wat toont ons dit kleine experiment?
-
Juist, we kunnen zien dat het 200,200 punt
-
hier aangeeft waar het midden van de ellipse komt.
-
Maar voor rechthoeken is dat anders,
-
omdat voor rechthoeken de 200, 200 aangeeft
-
waar de linker bovenhoek van de rechthoek komt.
-
Dat is echt belangrijkt te onthouden
-
als we proberen onze figuren te positioneren.
-
Laten we nu overgaan naar eenvoudige lijnen.
-
Die functienaam is "line"
-
We kunnen weer 4 parameters meegeven,
-
maar een lijn heeft toch
-
niet dezelfde grootte als een rechthoek, toch?
-
Dus wat gaan deze nummers besturen?
-
De eerste en de tweede parameter
-
vertellen, net als eerder,
-
hoe ver naar rechts en naar beneden
-
het startpunt van de lijn ligt.
-
Terwijl de twee andere parameters
-
, oh sorry, de tweede set van parameters, de 90 en de 200
-
aangeven waar de lijn eindigt.
-
Nu we begrijpen hoe het werkt,
-
laten we kijken naar iets wat eerst raar zal lijken.
-
Wat gebeurt als de rechthoek linksboven start,
-
en opnieuw aangeef waar de linker bovenhoek van de rechthoek moet komen?
-
En dan echt groot.
-
We kunnen het zelfs zo groot maken, maar dat is een beetje te.
-
We zien dat het langzamerhand de ellipse laat verdwijnen
-
We kunnen het zelfs helemaal laten verdwijnen
-
Nou vragen we ons af waar hij is gebleven.
-
Wat het programma doet is,
-
figuren tekenen in volgorde van opdracht.
-
Eerst tekent het de ellipse,
-
dan tekent het de rechthoek er overheen,
-
en dan tekent het de lijn.
-
Dus de ellipse is er nog steeds.
-
Het ligt alleen onder de andere figuur.
-
Dit is belangrijk om te onthouden
-
want wat zou er gebeuren als
-
we onze lijn eerst zouden tekenen?
-
We zouden de lijn helemaal niet zien, toch?
-
Je zou dat in jouw programma kunnen doen
-
en denken, "hey, waar is mijn lijn gebleven?"
-
Het idee is dat de lijn er nog steeds is,
-
hij is alleen verstopt,
-
zowel achter de ellipse als achter de rechthoek.
-
We bepalen welke figuren worden getekend boven andere figuren
-
door de volgorde te veranderen
-
waarin we ze opschrijven in ons programma.
-
Nu wil ik alleen maar een paar technische termen introduceren
-
voordat we eindigen.
-
Net zoals je misschien met rekenen geleerd hebt,
-
kunnen we een letter X gebruiken die aangeeft hoe ver naar rechts
-
net zoals we er over gesproken hebben,
-
en de letter Y die aangeeft hoe ver naar beneden.
-
Dat lijkt misschien een beetje raar als je er niet aan gewend bent,
-
maar het is eenvoudiger dan te moeten zeggen
-
"hoe ver naar rechts en hoe ver naar beneden"
-
iedere keer dat je dat wilt zeggen.
-
De eerste 2 parameters van onze ellips bijvoorbeeld,
-
vertellen dat x 200 moet zijn en y 229.
-
Daar zie je het.
-
Het zegt precies hetzelfde als "200 naar rechts en 229 naar beneden".
-
Een tweede echt goede vraag die je mogelijk hebt is,
-
"Welke eenheden hebben we gebruikt?
-
Bedoelen we 200 centimeters, inches, mile?"
-
We gebruiken de eenheid die 'pixel' wordt genoemd
-
en een pixel is een kleine punt op jouw scherm.
-
Dit canvas is eigenlijk 400 pixels breed.
-
Dat is waarom we altijd zeggen dat de bovenste linker hoek 0 is,
-
en dat helemaal rechts 400 is, want dat zijn 400 pixels.
-
Op dezelfde wijze, als we 200 zeggen, bedoelen we eigenlijk 200 pixels,
-
en je zult het nu waarschijnlijk wel door hebben.
-
Fantastisch!
-
Nou weet je alles over de funties line, ellipse en rect,
-
en hun parameters.
-
We hebben een hoop geleerd,
-
maar blijf het proberen,
-
en je zult het snel door hebben.
