0:00:00.960,0:00:03.029
Laten we kijken wat we nog meer kunnen tekenen

0:00:03.029,0:00:05.270
Wat kunnen we maken behalve rechthoeken?

0:00:05.270,0:00:07.716
We kunnen ovalen maken met het woord ellipse,

0:00:07.716,0:00:09.966
wat ook een commando is wat de computer kent.

0:00:09.966,0:00:12.775
We hebben zelfs een speciaal woord voor commando's

0:00:12.775,0:00:14.751
We noemen ze vanaf nu functies

0:00:14.751,0:00:17.780
Ik zal het woord functie vanaf nu gebruiken als ik commando bedoel

0:00:17.780,0:00:20.646
Laten we functienaam ellipse opschrijven,

0:00:20.646,0:00:22.630
en dan () en een ;

0:00:22.630,0:00:24.005
Het werkt niet!

0:00:24.005,0:00:25.125
We krijgen een foutboodschap

0:00:25.125,0:00:26.205
die praat over parameters,

0:00:26.205,0:00:27.367
wat dat ook mogen zijn.

0:00:27.367,0:00:29.011
Kan je zien wat we missen,

0:00:29.011,0:00:30.895
door te vergelijken met wat we bij rect gedaan hebben?

0:00:30.895,0:00:33.291
Toen we alleen maar ellipse typten, gaven we geen nummers,

0:00:33.291,0:00:35.030
zoals we deden bij de rechthoek.

0:00:35.030,0:00:37.440
Deze nummers heten parameters.

0:00:37.440,0:00:40.500
We zeggen dat we de parameters meegeven aan de functie,

0:00:40.500,0:00:45.120
en zij controleren hoe de functie zich gedraagt.

0:00:45.120,0:00:46.293
Zonder de parameters,

0:00:46.293,0:00:48.716
weet het programma niet waar je de ellipse wilt,

0:00:48.716,0:00:50.221
of hoe groot hij moet zijn.

0:00:50.221,0:00:52.530
Nou begrijpen we de foutboodschap al een beetje beter.

0:00:52.530,0:00:54.717
Late we doorgaan en weer 4 parameters meegeven,

0:00:54.717,0:00:58.505
om te besturen hoe ver naar rechts, hoe ver naar beneden, hoe breed,

0:00:58.505,0:01:00.763
en hoe lang we de ellipse willen hebben.

0:01:00.763,0:01:03.771
Net als eerder, kunnen we wat lol maken en de ellipse heen en weer bewegen,

0:01:03.771,0:01:07.225
en we kunnen het zelfs laten groeien en krimpen.

0:01:07.225,0:01:09.437
Nu we de basis gezien hebben,

0:01:09.437,0:01:11.269
laten we proberen een grote ellipse te tekenen

0:01:11.269,0:01:13.752
precies in het midden van het canvas.

0:01:13.752,0:01:15.934
De eerste vraag die je misschien hebt is,

0:01:15.934,0:01:17.626
waar was het midden ook al weer?

0:01:17.626,0:01:19.527
Om je te helpen herinnneren,

0:01:19.527,0:01:21.418
we hebben bovenaan links, 0,

0:01:21.418,0:01:23.382
and rechts is, als je het hebt onthouden, 400,

0:01:23.382,0:01:25.646
en beneden is ook 400.

0:01:25.646,0:01:27.761
Dus als we denken: "waar zou het midden zijn?"

0:01:27.761,0:01:29.170
Zouden we antwoorden,

0:01:29.170,0:01:31.429
"het zou halfweg van 400 moeten liggen, dus bij 200."

0:01:31.429,0:01:34.049
Dan halfweg van 400 naar beneden, dus 200

0:01:34.049,0:01:35.314
We kunnen dat proberen.

0:01:35.314,0:01:36.746
Laten we de ellipse functie maken,

0:01:36.746,0:01:38.914
we geven de parameters mee

0:01:38.914,0:01:41.082
en maken het lekker groot.

0:01:41.082,0:01:43.250
Zo!

0:01:43.260,0:01:46.252
Alleen voor de lol, laten we ook een rechthoek toevoegen.

0:01:46.252,0:01:48.503
We zeggen rect(200,200)

0:01:48.503,0:01:50.003
net als bij de ellipse en maken

0:01:50.003,0:01:51.503
de rechthoek een beetje kleiner. 100, 100);

0:01:51.503,0:01:53.005
Hm, dit is interessant.

0:01:53.005,0:01:55.323
Wat toont ons dit kleine experiment?

0:01:55.323,0:01:58.000
Juist, we kunnen zien dat het 200,200 punt

0:01:58.000,0:02:01.767
hier aangeeft waar het midden van de ellipse komt.

0:02:01.767,0:02:03.271
Maar voor rechthoeken is dat anders,

0:02:03.275,0:02:05.951
omdat voor rechthoeken de 200, 200 aangeeft

0:02:05.951,0:02:09.139
waar de linker bovenhoek van de rechthoek komt.

0:02:09.139,0:02:11.677
Dat is echt belangrijkt te onthouden

0:02:11.677,0:02:14.365
als we proberen onze figuren te positioneren.

0:02:14.365,0:02:17.005
Laten we nu overgaan naar eenvoudige lijnen.

0:02:17.005,0:02:19.498
Die functienaam is "line"

0:02:19.498,0:02:21.773
We kunnen weer 4 parameters meegeven,

0:02:21.773,0:02:23.590
maar een lijn heeft toch

0:02:23.590,0:02:25.407
niet dezelfde grootte als een rechthoek, toch?

0:02:25.407,0:02:27.745
Dus wat gaan deze nummers besturen?

0:02:27.745,0:02:29.719
De eerste en de tweede parameter

0:02:29.719,0:02:31.407
vertellen, net als eerder,

0:02:31.407,0:02:33.745
hoe ver naar rechts en naar beneden

0:02:33.745,0:02:35.153
het startpunt van de lijn ligt.

0:02:35.153,0:02:37.171
Terwijl de twee andere parameters

0:02:37.171,0:02:40.257
, oh sorry, de tweede set van parameters, de 90 en de 200

0:02:40.257,0:02:44.533
aangeven waar de lijn eindigt.

0:02:44.533,0:02:48.242
Nu we begrijpen hoe het werkt,

0:02:48.242,0:02:52.718
laten we kijken naar iets wat eerst raar zal lijken.

0:02:52.718,0:02:56.757
Wat gebeurt als de rechthoek linksboven start,

0:02:56.757,0:03:00.673
en opnieuw aangeef waar de linker bovenhoek van de rechthoek moet komen?

0:03:00.673,0:03:04.021
En dan echt groot.

0:03:04.021,0:03:07.787
We kunnen het zelfs zo groot maken, maar dat is een beetje te.

0:03:07.787,0:03:11.610
We zien dat het langzamerhand de ellipse laat verdwijnen

0:03:11.610,0:03:14.710
We kunnen het zelfs helemaal laten verdwijnen

0:03:14.710,0:03:17.423
Nou vragen we ons af waar hij is gebleven.

0:03:17.423,0:03:19.509
Wat het programma doet is,

0:03:19.509,0:03:21.895
figuren tekenen in volgorde van opdracht.

0:03:21.895,0:03:23.280
Eerst tekent het de ellipse,

0:03:23.280,0:03:24.965
dan tekent het de rechthoek er overheen,

0:03:24.965,0:03:26.502
en dan tekent het de lijn.

0:03:26.502,0:03:27.834
Dus de ellipse is er nog steeds.

0:03:27.834,0:03:30.160
Het ligt alleen onder de andere figuur.

0:03:30.160,0:03:32.500
Dit is belangrijk om te onthouden

0:03:32.500,0:03:34.506
want wat zou er gebeuren als

0:03:34.506,0:03:36.512
we onze lijn eerst zouden tekenen?

0:03:36.512,0:03:38.520
We zouden de lijn helemaal niet zien, toch?

0:03:38.520,0:03:40.687
Je zou dat in jouw programma kunnen doen

0:03:40.687,0:03:42.027
en denken, "hey, waar is mijn lijn gebleven?"

0:03:42.027,0:03:44.088
Het idee is dat de lijn er nog steeds is,

0:03:44.088,0:03:45.199
hij is alleen verstopt,

0:03:45.199,0:03:49.290
zowel achter de ellipse als achter de rechthoek.

0:03:49.290,0:03:53.501
We bepalen welke figuren worden getekend boven andere figuren

0:03:53.501,0:03:55.174
door de volgorde te veranderen

0:03:55.174,0:03:56.847
waarin we ze opschrijven in ons programma.

0:03:58.521,0:04:01.031
Nu wil ik alleen maar een paar technische termen introduceren

0:04:01.031,0:04:02.970
voordat we eindigen.

0:04:02.970,0:04:04.782
Net zoals je misschien met rekenen geleerd hebt,

0:04:04.782,0:04:07.494
kunnen we een letter X gebruiken die aangeeft hoe ver naar rechts

0:04:07.494,0:04:09.216
net zoals we er over gesproken hebben,

0:04:09.216,0:04:11.528
en de letter Y die aangeeft hoe ver naar beneden.

0:04:11.528,0:04:14.001
Dat lijkt misschien een beetje raar als je er niet aan gewend bent,

0:04:14.001,0:04:15.515
maar het is eenvoudiger dan te moeten zeggen

0:04:15.515,0:04:17.579
"hoe ver naar rechts en hoe ver naar beneden"

0:04:17.579,0:04:19.173
iedere keer dat je dat wilt zeggen.

0:04:19.173,0:04:22.216
De eerste 2 parameters van onze ellips bijvoorbeeld,

0:04:22.216,0:04:27.678
vertellen dat x 200 moet zijn en y 229.

0:04:27.678,0:04:30.250
Daar zie je het.

0:04:30.250,0:04:33.522
Het zegt precies hetzelfde als "200 naar rechts en 229 naar beneden".

0:04:33.522,0:04:36.674
Een tweede echt goede vraag die je mogelijk hebt is,

0:04:36.674,0:04:38.904
"Welke eenheden hebben we gebruikt?

0:04:38.904,0:04:42.763
Bedoelen we 200 centimeters, inches, mile?"

0:04:42.763,0:04:45.260
We gebruiken de eenheid die 'pixel' wordt genoemd

0:04:45.260,0:04:48.487
en een pixel is een kleine punt op jouw scherm.

0:04:48.487,0:04:52.627
Dit canvas is eigenlijk 400 pixels breed.

0:04:52.627,0:04:56.497
Dat is waarom we altijd zeggen dat de bovenste linker hoek 0 is,

0:04:56.497,0:05:01.518
en dat helemaal rechts 400 is, want dat zijn 400 pixels.

0:05:01.518,0:05:05.384
Op dezelfde wijze, als we 200 zeggen, bedoelen we eigenlijk 200 pixels,

0:05:05.384,0:05:07.170
en je zult het nu waarschijnlijk wel door hebben.

0:05:07.180,0:05:08.303
Fantastisch!

0:05:08.303,0:05:11.288
Nou weet je alles over de funties line, ellipse en rect,

0:05:11.288,0:05:12.273
en hun parameters.

0:05:12.273,0:05:13.206
We hebben een hoop geleerd,

0:05:13.206,0:05:15.039
maar blijf het proberen,

0:05:15.039,0:05:16.423
en je zult het snel door hebben.