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.