0:00:00.939,0:00:03.285
Ok, daar gaan we.

0:00:03.285,0:00:04.702
Dit is een bijzonder moment,

0:00:04.702,0:00:08.799
want we gaan nu echt regels code schrijven.

0:00:08.799,0:00:10.799
Maar wat is een regel code eigenlijk?

0:00:10.799,0:00:12.550
Het is een opdracht aan de computer

0:00:12.550,0:00:14.612
Met welke zullen we beginnen?

0:00:14.612,0:00:17.647
We beginnen met "teken een rechthoek".

0:00:18.017,0:00:21.876
Hoe laat je de computer dit doen?

0:00:21.876,0:00:24.039
De computer spreekt een andere taal

0:00:25.978,0:00:30.219
dus je gebruikt andere andere woorden.

0:00:30.219,0:00:35.772
In dit geval schrijf je "rect".

0:00:36.650,0:00:38.999
<i>rect</i> wordt ook wel een "functie" genoemd.

0:00:38.999,0:00:44.191
De functie van <i>rect</i> is rechthoeken tekenen.

0:00:47.634,0:00:49.635
We moeten nu nog iets specifieker worden

0:00:49.635,0:00:50.915
Hoe hoog en hoe breed,

0:00:50.915,0:00:54.276
en waar op het scherm

0:00:54.276,0:00:58.126
willen we de rechthoek precies plaatsen?

0:00:58.126,0:01:04.525
dit zijn dingen die de computer

0:01:04.525,0:01:08.672
heel precies wil weten.

0:01:08.672,0:01:11.212
Laten we beginnen met de plek

0:01:11.555,0:01:13.249
op het scherm. Hoe kun je dingen

0:01:13.249,0:01:16.279
daar eigenlijk op plaatsen?

0:01:16.279,0:01:17.931
Het scherm voor je neus

0:01:17.931,0:01:21.558
is zelf ook een rechthoek.

0:01:21.558,0:01:23.089
Net als bij schilderen noemen we

0:01:23.401,0:01:29.638
dit oppervlak het "canvas".

0:01:31.281,0:01:33.754
Net als bij schaken is er een systeem

0:01:33.754,0:01:37.014
van coordinaten. We kunnen bijvoorbeeld

0:01:37.014,0:01:40.676
zeggen dat de linker bovenhoek

0:01:40.676,0:01:46.532
op punt 16,23 moet beginnen.

0:01:47.032,0:01:52.299
Je geeft dingen een plek

0:01:52.299,0:01:56.172
op de horizontale (x) of verticale (y) as.

0:01:56.172,0:02:01.080
OK, dit is 0, 1 ,2 ,3 ,4, 5, 6, 7, 8, 9

0:02:01.080,0:02:02.609
Dus deze zou bij "pixel" 9 beginnen.

0:02:02.609,0:02:05.141
Wat bedoel ik met <i>pixel</i> ?

0:02:05.141,0:02:09.121
Zoals we in het dagelijks leven centimers

0:02:09.121,0:02:12.346
of kilometers hebben, zo meet je afstand op

0:02:12.346,0:02:16.348
computerscherm in <i>pixels</i>.

0:02:16.348,0:02:20.030
Elke pixel is een gekleurd puntje op het

0:02:20.030,0:02:24.517
beeldscherm. Dit venster heeft een breedte

0:02:24.517,0:02:29.701
en hoogte in pixels. In deze cursus zal

0:02:29.701,0:02:33.838
het venster 500 bij 400 pixels zijn.

0:02:33.838,0:02:37.562
Dus als het venster 500 pixels breed is,

0:02:37.562,0:02:41.565
hoeveel pixels is het tot het midden? 250!

0:02:41.565,0:02:44.828
En waar zit dan verticaal het midden?

0:02:44.828,0:02:50.050
Inderdaad, op 200 pixels!

0:02:50.050,0:02:53.210
Door aan de <i>rect</i> functie coordinaten

0:02:53.210,0:02:56.178
toe te voegen, vertellen we de computer

0:02:56.178,0:03:00.052
hoe we de rechthoek willen.

0:03:00.052,0:03:02.491
Coordinaten plaatsen we tussen haakjes,

0:03:02.491,0:03:04.117
en elke regel eindigen we

0:03:05.743,0:03:07.370
met een punt-komma. Dat ziet er

0:03:07.370,0:03:12.039
dan zo uit.

0:03:12.039,0:03:15.192
In het midden plaatsen we dedetails:

0:03:15.192,0:03:17.018
de coordinaten, de breedte en hoogte.

0:03:17.018,0:03:21.148
De coordinaten wijzen de

0:03:21.148,0:03:25.125
linker-bovenhoek van de rechthoek aan.

0:03:25.125,0:03:30.004
De X en Y positie: x = 250, y = 200.

0:03:30.004,0:03:34.226
250, 200

0:03:34.226,0:03:39.273
Ook de breedte en hoogte geven we aan.

0:03:39.273,0:03:40.955
Eerst de breedte.

0:03:40.955,0:03:45.678
Laten we 'm 150 bred en 100 hoog maken.

0:03:45.678,0:03:55.076
We hebben nu vier getallen ingevuld.

0:03:55.540,0:03:57.237
Dit is een bijzonder moment:

0:03:57.237,0:04:00.590
je eerste regel computercode ooit

0:04:00.590,0:04:05.750
staat nu op het scherm!

0:04:05.750,0:04:10.205
Het is een <i>functie</i> met vier "argumenten".

0:04:10.205,0:04:11.234
Waar is de rechthoek?

0:04:11.234,0:04:14.967


0:04:14.967,0:04:17.545


0:04:17.545,0:04:20.141


0:04:20.141,0:04:23.607


0:04:23.607,0:04:27.189


0:04:27.189,0:04:29.064


0:04:29.064,0:04:32.083


0:04:32.083,0:04:34.779


0:04:34.779,0:04:36.517


0:04:36.517,0:04:37.550


0:04:37.550,0:04:39.367


0:04:39.367,0:04:42.113


0:04:42.113,0:04:44.494


0:04:44.494,0:04:50.060


0:04:50.060,0:04:51.399


0:04:51.399,0:04:55.893


0:04:55.893,0:04:58.068


0:04:58.068,0:04:59.836


0:04:59.836,0:05:04.087


0:05:04.087,0:05:07.207


0:05:07.207,0:05:09.995


0:05:09.995,0:05:12.949


0:05:12.949,0:05:16.624


0:05:16.624,0:05:19.577


0:05:19.577,0:05:22.053


0:05:22.053,0:05:23.247


0:05:23.247,0:05:25.758


0:05:25.758,0:05:27.188


0:05:27.188,0:05:29.786


0:05:29.786,0:05:33.856


0:05:33.856,0:05:36.299


0:05:36.299,0:05:39.235


0:05:39.235,0:05:41.658


0:05:41.658,0:05:45.250


0:05:45.250,0:05:48.769


0:05:48.769,0:05:51.477


0:05:51.477,0:05:54.207


0:05:54.611,0:05:57.799


0:05:58.096,0:06:02.363


0:06:02.363,0:06:07.095


0:06:07.343,0:06:08.675


0:06:08.675,0:06:11.019


0:06:15.948,0:06:17.855


0:06:18.262,0:06:21.890


0:06:21.890,0:06:25.703


0:06:25.703,0:06:28.150


0:06:28.150,0:06:29.614


0:06:29.614,0:06:32.321


0:06:32.321,0:06:35.247


0:06:35.247,0:06:37.100


0:06:37.100,0:06:39.258


0:06:39.258,0:06:40.886


0:06:40.886,0:06:44.858


0:06:44.858,0:06:48.494


0:06:48.494,0:06:50.778


0:06:50.778,0:06:54.751


0:06:54.751,0:06:58.322


0:06:58.322,0:07:00.323


0:07:00.323,0:07:03.239


0:07:04.087,0:07:09.176


0:07:09.176,0:07:12.112


0:07:12.112,0:07:14.812


0:07:14.812,0:07:20.965


0:07:21.714,0:07:22.874


0:07:22.874,0:07:27.102


0:07:27.102,0:07:32.081


0:07:32.081,0:07:36.234


0:07:36.584,0:07:39.876


0:07:40.470,0:07:44.785


0:07:44.785,0:07:50.214


0:07:50.522,0:07:52.651


0:07:52.901,0:07:57.541


0:07:57.541,0:08:02.694


0:08:02.694,0:08:08.510


0:08:08.510,0:08:15.788


0:08:15.788,0:08:19.309


0:08:19.309,0:08:21.429


0:08:21.429,0:08:24.295


0:08:24.295,0:08:29.059


0:08:29.059,0:08:30.320


0:08:30.320,0:08:31.582


0:08:31.582,0:08:33.610


0:08:33.610,0:08:35.063


0:08:35.063,0:08:38.688


0:08:38.688,0:08:42.438


0:08:42.438,0:08:46.969


0:08:46.969,0:08:51.501


0:08:51.501,0:08:54.128


0:08:54.128,0:08:57.823


0:08:57.823,0:09:00.805


0:09:00.805,0:09:04.503


0:09:04.503,0:09:07.601


0:09:07.601,0:09:10.822


0:09:10.822,0:09:14.646


0:09:14.646,0:09:17.360


0:09:17.360,0:09:20.578


0:09:20.578,0:09:22.868


0:09:22.868,0:09:23.991


0:09:23.991,0:09:28.266


0:09:28.266,0:09:32.720


0:09:32.720,0:09:34.726


0:09:34.726,0:09:37.893


0:09:37.893,0:09:40.150


0:09:40.150,0:09:42.397


0:09:42.397,0:09:45.879


0:09:45.879,0:09:48.982


0:09:48.982,0:09:54.233


0:09:54.233,0:09:55.925