Laten we beginnen met programmeren
We moeten eerst figuren begrijpen, de basis.
Maar geen zorgen,
snel genoeg vliegen je figuren over het scherm,
veranderen van kleur en andere coole dingen.
Blijf gewoon even bij ons!
We beginnen met rechthoeken te tekenen.
We typen "rect()" voor rechthoek,
dan haakje openen
en dan vier getallen
die ik zo zal uitleggen
... dan een haakje sluiten
en aan het einde een puntkomma.
Kijk, geweldig, een rechthoek!
En dat was goed,
dus dat doen we nog eens.
Deze keer kunnen we andere nummers gebruiken.
Misschien grotere nummers,
en dan kleinere nummers aan het eind en kijk
een andere rechthoek.
In feite,
als we proberen dit eerste getal te veranderen
door hem kleiner te maken begint hij te bewegen.
Als we dit laatste nummer groter en kleiner maken,
dan gaat hij groeien en dan krimpen.
Interessant.
Dus hoe gebeurt al deze magie, vraag je je af?
Nou, onthoud dat je computer gewoon een slimme en gehoorzame hond is.
Met een hond,
misschien kunnen we hem vertellen
te zitten, te blijven of zelfs te rollen.
Je hoeft alleen een commando te geven.
Dus in code,
hoe zou je je computerhond vertellen te zitten?
Nou, de manier om dat te doen is
door de naam van het commando te schrijven,
bijvoorbeeld "zit",
en dan twee haakjes om te zeggen:
"voer dit commando uit"
en dan een puntkomma aan het einde
alleen om te zeggen
"He, yeah, dit commando is voorbij."
En dan zal je computerhond gaan zitten.
Nou natuurlijk...,
is je computer op Khan Academy geen hond,
dus weet hij niet hoe hij moet zitten of rollen,
maar hij weet wel hoe hij rechthoeken
kan tekenen als je rect() zegt
en dat is toch ook best goed?
Hoe dan ook,
dat is wat we gaan doen op deze regel.
We noemen het commando rect(),
wat gewoon de naam is,
en daarna haakje openen en haakje sluiten
om te zeggen "ga dat doen",
en dan een puntkomma aan het einde.
Dat is hoe je computer weet dat hij
dit speciale kunstje rect te doen
Oké, dus nu terug naar onze rechthoek
We hebben het commando hier,
we hebben de haakjes.
Hoe zit het met al deze rare nummers?
de computer weet niet genoeg met alleen rect.
Om dit te zien,
stel je voor dat ik je een stuk papier geef en
ik wil dat je er een rechthoek op tekent
precies zoals ik dat wil.
Nou, tenzij je mijn gedachte kan lezen,
zal je meteen wat vragen hebben.
Als eerste zal je je afvragen:
"Waar wil je dat ik de rechthoek teken?"
En dan zal ik zeggen:
"Wat dacht je ervan dat we afspreken dat
we de linkerkant van het papier gewoon 0 noemen."
En laten we afspreken dat de rechterkant 400 is.
Dan kan ik je een nummer geven,
bijvoorbeeld 100, en
dan weet je dat dat ongeveer hier zal zijn.
Dat zal je even tevreden stellen,
maar dan denk je:
nu weet ik hoe ver naar rechts,
maar hoe ver naar boven en beneden?
Dan kan ik je nog een nummer geven,
bijvoorbeeld 200,
en dan zal ik zeggen dat de top 0 is en
de onderkant weer 400,
waarna je zult zeggen, nou,
200 zal precies in het midden zitten.
En dat is perfect.,
omdat je nu denkt dat je de rechthoek precies hier gaat tekenen...
... omdat het 100 naar rechts is en 200 naar beneden.
Echter is dat nog steeds niet genoeg,
want wat vraag je nu?
Je vraagt je af, hoe groot wil je de rechthoek?
Ik zou zeggen, wat dacht je van 150 breed?
En je denkt, nou,
dit is 100 en dit is 400,
dus als we hem 150 breed willen,
dan gaan we ongeveer hier zitten.
Oké, cool, dat is ongeveer 150 breed.
En daarna vraag je, hoe hoog wil je hem hebben?
En ik zal zeggen: "Wat dacht je van 50 hoog?"
Je zal zeggen, oké, dat is ongeveer zo hoog.
Nu zal je zeggen:
"Gaaf, ik weet precies waar je je rechthoek wilt hebben
hoe hij er uit moet zien.
Nu kan ik hem tekenen."
Dat is een boel werk voor een rechthoek, of niet?
Maar het idee is dat
omdat ik je deze vier nummers geef,
100 in de breedte,
200 naar beneden,
150 breed en 50 hoog,
we nu precies hetzelfde beeld in gedachte hebben.
Zo werkt de computer ook.
Je kan gewoon de naam van het commando typen,
haakje openen,
de vier nummers, 100, 200, 150 en dan 50,
haakje sluiten en dan een puntkomma.
En hij zal een rechthoek tekenen
precies waar we hem wilden hebben!
Nou, als we eerlijk zijn naar onszelf,
dat is niet precies waar we de rechthoek wilden.
Dat is niet waar we hem hadden getekend,
Onze nummers zaten er een beetje naast.
Laten we de rechthoek exact overeenkomen
met wat we hebben getekend.
We bewegen hem een stukje naar rechts,
een beetje minder van boven naar beneden
een klein beetje dunner
en misschien ook een klein beetje korter.
Nu hebben we een rechthoek
die er ongeveer uit ziet als wat we hadden getekend,
omdat we begrepen wat elk van deze nummers betekenden,
konden we ze gewoon konden veranderen
om te krijgen wat we wilden.
Laten we nu een andere rechthoek tekenen.
We kunnen nu overal rechthoeken tekenen!
Wat denk je van een rechthoek in de linkerbovenhoek,
helemaal hier boven?
Laten we bedenken waar dat zal zijn.
Dat zal 0 in de breedte zijn,
0 op en neer en dan misschien,...
ik wil een kleintje, dus 50 breed en 10 hoog.
Laten we dat gewoon doen.
We typen rect,
we scheiden de parameters door komma's
en we hebben het zo echt cool.
Wel, niet zo cool,
we krijgen deze foutmelding
die zegt dat we een haakje missen,
en we zien dat we die waren vergeten,
dus we voegen die er aan toe.
Maar oh nee,
nu krijgen we een andere melding
die zegt dat we een puntkomma missen.
Als we op "Show me where" drukken,
wijst hij naar de regel die we net hebben geschreven...
... en we herinneren dat puntkomma's
net als punten aan het eind van een zin zijn,
maar dan aan het eind van code,
en we zijn er een vergeten.
We kunnen hem terug zetten,
Simpel!
een kleine rechthoek,
precies zo als we wilden.
Net als hiervoor kunnen we hem laten groeien,
we kunnen hem verplaatsen
en op precies de plek zetten waar we hem willen.
Nu weet je in detail hoe "rect" werkt.
We weten waar die nummers voor zijn,
dat je de naam van het commando nodig hebt,
de haakjes, hoe de komma's de nummers scheiden
en de puntkomma aan het eind.
Het lijkt veel,
maar ga je gang en
en probeer er gevoel voor te krijgen.
De volgende keer
leren we meer vormen
en dan gaan we geweldige dingen doen
zoals ze kleuren
en ze over het scherm laten vliegen.