Ok, daar gaan we.
Dit is een bijzonder moment,
want we gaan nu echt regels code schrijven.
Maar wat is een regel code eigenlijk?
Het is een opdracht aan de computer
Met welke zullen we beginnen?
We beginnen met "teken een rechthoek".
Hoe laat je de computer dit doen?
De computer spreekt een andere taal
dus je gebruikt andere andere woorden.
In dit geval schrijf je "rect".
rect wordt ook wel een "functie" genoemd.
De functie van rect is rechthoeken tekenen.
We moeten nu nog iets specifieker worden
Hoe hoog en hoe breed,
en waar op het scherm
willen we de rechthoek precies plaatsen?
dit zijn dingen die de computer
heel precies wil weten.
Laten we beginnen met de plek
op het scherm. Hoe kun je dingen
daar eigenlijk op plaatsen?
Het scherm voor je neus
is zelf ook een rechthoek.
Net als bij schilderen noemen we
dit oppervlak het "canvas".
Net als bij schaken is er een systeem
van coordinaten. We kunnen bijvoorbeeld
zeggen dat de linker bovenhoek
op punt 16,23 moet beginnen.
Je geeft dingen een plek
op de horizontale (x) of verticale (y) as.
OK, dit is 0, 1 ,2 ,3 ,4, 5, 6, 7, 8, 9
Dus deze zou bij "pixel" 9 beginnen.
Wat bedoel ik met pixel ?
Zoals we in het dagelijks leven centimers
of kilometers hebben, zo meet je afstand op
computerscherm in pixels.
Elke pixel is een gekleurd puntje op het
beeldscherm. Dit venster heeft een breedte
en hoogte in pixels. In deze cursus zal
het venster 500 bij 400 pixels zijn.
Dus als het venster 500 pixels breed is,
hoeveel pixels is het tot het midden? 250!
En waar zit dan verticaal het midden?
Inderdaad, op 200 pixels!
Door aan de rect functie coordinaten
toe te voegen, vertellen we de computer
hoe we de rechthoek willen.
Coordinaten plaatsen we tussen haakjes,
en elke regel eindigen we
met een punt-komma. Dat ziet er
dan zo uit.
In het midden plaatsen we dedetails:
de coordinaten, de breedte en hoogte.
De coordinaten wijzen de
linker-bovenhoek van de rechthoek aan.
De X en Y positie: x = 250, y = 200.
250, 200
Ook de breedte en hoogte geven we aan.
Eerst de breedte.
Laten we 'm 150 bred en 100 hoog maken.
We hebben nu vier getallen ingevuld.
Dit is een bijzonder moment:
je eerste regel computercode ooit
staat nu op het scherm!
Het is een functie met vier "argumenten".
Waar is de rechthoek?