[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.94,0:00:03.28,Default,,0000,0000,0000,,Ok, daar gaan we.
Dialogue: 0,0:00:03.28,0:00:04.70,Default,,0000,0000,0000,,Dit is een bijzonder moment,
Dialogue: 0,0:00:04.70,0:00:08.80,Default,,0000,0000,0000,,want we gaan nu echt regels code schrijven.
Dialogue: 0,0:00:08.80,0:00:10.80,Default,,0000,0000,0000,,Maar wat is een regel code eigenlijk?
Dialogue: 0,0:00:10.80,0:00:12.55,Default,,0000,0000,0000,,Het is een opdracht aan de computer
Dialogue: 0,0:00:12.55,0:00:14.61,Default,,0000,0000,0000,,Met welke zullen we beginnen?
Dialogue: 0,0:00:14.61,0:00:17.65,Default,,0000,0000,0000,,We beginnen met "teken een rechthoek".
Dialogue: 0,0:00:18.02,0:00:21.88,Default,,0000,0000,0000,,Hoe laat je de computer dit doen?
Dialogue: 0,0:00:21.88,0:00:24.04,Default,,0000,0000,0000,,De computer spreekt een andere taal
Dialogue: 0,0:00:25.98,0:00:30.22,Default,,0000,0000,0000,,dus je gebruikt andere andere woorden.
Dialogue: 0,0:00:30.22,0:00:35.77,Default,,0000,0000,0000,,In dit geval schrijf je "rect".
Dialogue: 0,0:00:36.65,0:00:38.100,Default,,0000,0000,0000,,{\i1}rect{\i0} wordt ook wel een "functie" genoemd.
Dialogue: 0,0:00:38.100,0:00:44.19,Default,,0000,0000,0000,,De functie van {\i1}rect{\i0} is rechthoeken tekenen.
Dialogue: 0,0:00:47.63,0:00:49.64,Default,,0000,0000,0000,,We moeten nu nog iets specifieker worden
Dialogue: 0,0:00:49.64,0:00:50.92,Default,,0000,0000,0000,,Hoe hoog en hoe breed,
Dialogue: 0,0:00:50.92,0:00:54.28,Default,,0000,0000,0000,,en waar op het scherm
Dialogue: 0,0:00:54.28,0:00:58.13,Default,,0000,0000,0000,,willen we de rechthoek precies plaatsen?
Dialogue: 0,0:00:58.13,0:01:04.52,Default,,0000,0000,0000,,dit zijn dingen die de computer
Dialogue: 0,0:01:04.52,0:01:08.67,Default,,0000,0000,0000,,heel precies wil weten.
Dialogue: 0,0:01:08.67,0:01:11.21,Default,,0000,0000,0000,,Laten we beginnen met de plek
Dialogue: 0,0:01:11.56,0:01:13.25,Default,,0000,0000,0000,,op het scherm. Hoe kun je dingen
Dialogue: 0,0:01:13.25,0:01:16.28,Default,,0000,0000,0000,,daar eigenlijk op plaatsen?
Dialogue: 0,0:01:16.28,0:01:17.93,Default,,0000,0000,0000,,Het scherm voor je neus
Dialogue: 0,0:01:17.93,0:01:21.56,Default,,0000,0000,0000,,is zelf ook een rechthoek.
Dialogue: 0,0:01:21.56,0:01:23.09,Default,,0000,0000,0000,,Net als bij schilderen noemen we
Dialogue: 0,0:01:23.40,0:01:29.64,Default,,0000,0000,0000,,dit oppervlak het "canvas".
Dialogue: 0,0:01:31.28,0:01:33.75,Default,,0000,0000,0000,,Net als bij schaken is er een systeem
Dialogue: 0,0:01:33.75,0:01:37.01,Default,,0000,0000,0000,,van coordinaten. We kunnen bijvoorbeeld
Dialogue: 0,0:01:37.01,0:01:40.68,Default,,0000,0000,0000,,zeggen dat de linker bovenhoek
Dialogue: 0,0:01:40.68,0:01:46.53,Default,,0000,0000,0000,,op punt 16,23 moet beginnen.
Dialogue: 0,0:01:47.03,0:01:52.30,Default,,0000,0000,0000,,Je geeft dingen een plek
Dialogue: 0,0:01:52.30,0:01:56.17,Default,,0000,0000,0000,,op de horizontale (x) of verticale (y) as.
Dialogue: 0,0:01:56.17,0:02:01.08,Default,,0000,0000,0000,,OK, dit is 0, 1 ,2 ,3 ,4, 5, 6, 7, 8, 9
Dialogue: 0,0:02:01.08,0:02:02.61,Default,,0000,0000,0000,,Dus deze zou bij "pixel" 9 beginnen.
Dialogue: 0,0:02:02.61,0:02:05.14,Default,,0000,0000,0000,,Wat bedoel ik met {\i1}pixel{\i0} ?
Dialogue: 0,0:02:05.14,0:02:09.12,Default,,0000,0000,0000,,Zoals we in het dagelijks leven centimers
Dialogue: 0,0:02:09.12,0:02:12.35,Default,,0000,0000,0000,,of kilometers hebben, zo meet je afstand op
Dialogue: 0,0:02:12.35,0:02:16.35,Default,,0000,0000,0000,,computerscherm in {\i1}pixels{\i0}.
Dialogue: 0,0:02:16.35,0:02:20.03,Default,,0000,0000,0000,,Elke pixel is een gekleurd puntje op het
Dialogue: 0,0:02:20.03,0:02:24.52,Default,,0000,0000,0000,,beeldscherm. Dit venster heeft een breedte
Dialogue: 0,0:02:24.52,0:02:29.70,Default,,0000,0000,0000,,en hoogte in pixels. In deze cursus zal
Dialogue: 0,0:02:29.70,0:02:33.84,Default,,0000,0000,0000,,het venster 500 bij 400 pixels zijn.
Dialogue: 0,0:02:33.84,0:02:37.56,Default,,0000,0000,0000,,Dus als het venster 500 pixels breed is,
Dialogue: 0,0:02:37.56,0:02:41.56,Default,,0000,0000,0000,,hoeveel pixels is het tot het midden? 250!
Dialogue: 0,0:02:41.56,0:02:44.83,Default,,0000,0000,0000,,En waar zit dan verticaal het midden?
Dialogue: 0,0:02:44.83,0:02:50.05,Default,,0000,0000,0000,,Inderdaad, op 200 pixels!
Dialogue: 0,0:02:50.05,0:02:53.21,Default,,0000,0000,0000,,Door aan de {\i1}rect{\i0} functie coordinaten
Dialogue: 0,0:02:53.21,0:02:56.18,Default,,0000,0000,0000,,toe te voegen, vertellen we de computer
Dialogue: 0,0:02:56.18,0:03:00.05,Default,,0000,0000,0000,,hoe we de rechthoek willen.
Dialogue: 0,0:03:00.05,0:03:02.49,Default,,0000,0000,0000,,Coordinaten plaatsen we tussen haakjes,
Dialogue: 0,0:03:02.49,0:03:04.12,Default,,0000,0000,0000,,en elke regel eindigen we
Dialogue: 0,0:03:05.74,0:03:07.37,Default,,0000,0000,0000,,met een punt-komma. Dat ziet er
Dialogue: 0,0:03:07.37,0:03:12.04,Default,,0000,0000,0000,,dan zo uit.
Dialogue: 0,0:03:12.04,0:03:15.19,Default,,0000,0000,0000,,In het midden plaatsen we dedetails:
Dialogue: 0,0:03:15.19,0:03:17.02,Default,,0000,0000,0000,,de coordinaten, de breedte en hoogte.
Dialogue: 0,0:03:17.02,0:03:21.15,Default,,0000,0000,0000,,De coordinaten wijzen de
Dialogue: 0,0:03:21.15,0:03:25.12,Default,,0000,0000,0000,,linker-bovenhoek van de rechthoek aan.
Dialogue: 0,0:03:25.12,0:03:30.00,Default,,0000,0000,0000,,De X en Y positie: x = 250, y = 200.
Dialogue: 0,0:03:30.00,0:03:34.23,Default,,0000,0000,0000,,250, 200
Dialogue: 0,0:03:34.23,0:03:39.27,Default,,0000,0000,0000,,Ook de breedte en hoogte geven we aan.
Dialogue: 0,0:03:39.27,0:03:40.96,Default,,0000,0000,0000,,Eerst de breedte.
Dialogue: 0,0:03:40.96,0:03:45.68,Default,,0000,0000,0000,,Laten we 'm 150 bred en 100 hoog maken.
Dialogue: 0,0:03:45.68,0:03:55.08,Default,,0000,0000,0000,,We hebben nu vier getallen ingevuld.
Dialogue: 0,0:03:55.54,0:03:57.24,Default,,0000,0000,0000,,Dit is een bijzonder moment:
Dialogue: 0,0:03:57.24,0:04:00.59,Default,,0000,0000,0000,,je eerste regel computercode ooit
Dialogue: 0,0:04:00.59,0:04:05.75,Default,,0000,0000,0000,,staat nu op het scherm!
Dialogue: 0,0:04:05.75,0:04:10.20,Default,,0000,0000,0000,,Het is een {\i1}functie{\i0} met vier "argumenten".
Dialogue: 0,0:04:10.20,0:04:11.23,Default,,0000,0000,0000,,Waar is de rechthoek?
Dialogue: 0,0:04:11.23,0:04:14.97,Default,,0000,0000,0000,,
Dialogue: 0,0:04:14.97,0:04:17.54,Default,,0000,0000,0000,,
Dialogue: 0,0:04:17.54,0:04:20.14,Default,,0000,0000,0000,,
Dialogue: 0,0:04:20.14,0:04:23.61,Default,,0000,0000,0000,,
Dialogue: 0,0:04:23.61,0:04:27.19,Default,,0000,0000,0000,,
Dialogue: 0,0:04:27.19,0:04:29.06,Default,,0000,0000,0000,,
Dialogue: 0,0:04:29.06,0:04:32.08,Default,,0000,0000,0000,,
Dialogue: 0,0:04:32.08,0:04:34.78,Default,,0000,0000,0000,,
Dialogue: 0,0:04:34.78,0:04:36.52,Default,,0000,0000,0000,,
Dialogue: 0,0:04:36.52,0:04:37.55,Default,,0000,0000,0000,,
Dialogue: 0,0:04:37.55,0:04:39.37,Default,,0000,0000,0000,,
Dialogue: 0,0:04:39.37,0:04:42.11,Default,,0000,0000,0000,,
Dialogue: 0,0:04:42.11,0:04:44.49,Default,,0000,0000,0000,,
Dialogue: 0,0:04:44.49,0:04:50.06,Default,,0000,0000,0000,,
Dialogue: 0,0:04:50.06,0:04:51.40,Default,,0000,0000,0000,,
Dialogue: 0,0:04:51.40,0:04:55.89,Default,,0000,0000,0000,,
Dialogue: 0,0:04:55.89,0:04:58.07,Default,,0000,0000,0000,,
Dialogue: 0,0:04:58.07,0:04:59.84,Default,,0000,0000,0000,,
Dialogue: 0,0:04:59.84,0:05:04.09,Default,,0000,0000,0000,,
Dialogue: 0,0:05:04.09,0:05:07.21,Default,,0000,0000,0000,,
Dialogue: 0,0:05:07.21,0:05:09.100,Default,,0000,0000,0000,,
Dialogue: 0,0:05:09.100,0:05:12.95,Default,,0000,0000,0000,,
Dialogue: 0,0:05:12.95,0:05:16.62,Default,,0000,0000,0000,,
Dialogue: 0,0:05:16.62,0:05:19.58,Default,,0000,0000,0000,,
Dialogue: 0,0:05:19.58,0:05:22.05,Default,,0000,0000,0000,,
Dialogue: 0,0:05:22.05,0:05:23.25,Default,,0000,0000,0000,,
Dialogue: 0,0:05:23.25,0:05:25.76,Default,,0000,0000,0000,,
Dialogue: 0,0:05:25.76,0:05:27.19,Default,,0000,0000,0000,,
Dialogue: 0,0:05:27.19,0:05:29.79,Default,,0000,0000,0000,,
Dialogue: 0,0:05:29.79,0:05:33.86,Default,,0000,0000,0000,,
Dialogue: 0,0:05:33.86,0:05:36.30,Default,,0000,0000,0000,,
Dialogue: 0,0:05:36.30,0:05:39.24,Default,,0000,0000,0000,,
Dialogue: 0,0:05:39.24,0:05:41.66,Default,,0000,0000,0000,,
Dialogue: 0,0:05:41.66,0:05:45.25,Default,,0000,0000,0000,,
Dialogue: 0,0:05:45.25,0:05:48.77,Default,,0000,0000,0000,,
Dialogue: 0,0:05:48.77,0:05:51.48,Default,,0000,0000,0000,,
Dialogue: 0,0:05:51.48,0:05:54.21,Default,,0000,0000,0000,,
Dialogue: 0,0:05:54.61,0:05:57.80,Default,,0000,0000,0000,,
Dialogue: 0,0:05:58.10,0:06:02.36,Default,,0000,0000,0000,,
Dialogue: 0,0:06:02.36,0:06:07.10,Default,,0000,0000,0000,,
Dialogue: 0,0:06:07.34,0:06:08.68,Default,,0000,0000,0000,,
Dialogue: 0,0:06:08.68,0:06:11.02,Default,,0000,0000,0000,,
Dialogue: 0,0:06:15.95,0:06:17.86,Default,,0000,0000,0000,,
Dialogue: 0,0:06:18.26,0:06:21.89,Default,,0000,0000,0000,,
Dialogue: 0,0:06:21.89,0:06:25.70,Default,,0000,0000,0000,,
Dialogue: 0,0:06:25.70,0:06:28.15,Default,,0000,0000,0000,,
Dialogue: 0,0:06:28.15,0:06:29.61,Default,,0000,0000,0000,,
Dialogue: 0,0:06:29.61,0:06:32.32,Default,,0000,0000,0000,,
Dialogue: 0,0:06:32.32,0:06:35.25,Default,,0000,0000,0000,,
Dialogue: 0,0:06:35.25,0:06:37.10,Default,,0000,0000,0000,,
Dialogue: 0,0:06:37.10,0:06:39.26,Default,,0000,0000,0000,,
Dialogue: 0,0:06:39.26,0:06:40.89,Default,,0000,0000,0000,,
Dialogue: 0,0:06:40.89,0:06:44.86,Default,,0000,0000,0000,,
Dialogue: 0,0:06:44.86,0:06:48.49,Default,,0000,0000,0000,,
Dialogue: 0,0:06:48.49,0:06:50.78,Default,,0000,0000,0000,,
Dialogue: 0,0:06:50.78,0:06:54.75,Default,,0000,0000,0000,,
Dialogue: 0,0:06:54.75,0:06:58.32,Default,,0000,0000,0000,,
Dialogue: 0,0:06:58.32,0:07:00.32,Default,,0000,0000,0000,,
Dialogue: 0,0:07:00.32,0:07:03.24,Default,,0000,0000,0000,,
Dialogue: 0,0:07:04.09,0:07:09.18,Default,,0000,0000,0000,,
Dialogue: 0,0:07:09.18,0:07:12.11,Default,,0000,0000,0000,,
Dialogue: 0,0:07:12.11,0:07:14.81,Default,,0000,0000,0000,,
Dialogue: 0,0:07:14.81,0:07:20.96,Default,,0000,0000,0000,,
Dialogue: 0,0:07:21.71,0:07:22.87,Default,,0000,0000,0000,,
Dialogue: 0,0:07:22.87,0:07:27.10,Default,,0000,0000,0000,,
Dialogue: 0,0:07:27.10,0:07:32.08,Default,,0000,0000,0000,,
Dialogue: 0,0:07:32.08,0:07:36.23,Default,,0000,0000,0000,,
Dialogue: 0,0:07:36.58,0:07:39.88,Default,,0000,0000,0000,,
Dialogue: 0,0:07:40.47,0:07:44.78,Default,,0000,0000,0000,,
Dialogue: 0,0:07:44.78,0:07:50.21,Default,,0000,0000,0000,,
Dialogue: 0,0:07:50.52,0:07:52.65,Default,,0000,0000,0000,,
Dialogue: 0,0:07:52.90,0:07:57.54,Default,,0000,0000,0000,,
Dialogue: 0,0:07:57.54,0:08:02.69,Default,,0000,0000,0000,,
Dialogue: 0,0:08:02.69,0:08:08.51,Default,,0000,0000,0000,,
Dialogue: 0,0:08:08.51,0:08:15.79,Default,,0000,0000,0000,,
Dialogue: 0,0:08:15.79,0:08:19.31,Default,,0000,0000,0000,,
Dialogue: 0,0:08:19.31,0:08:21.43,Default,,0000,0000,0000,,
Dialogue: 0,0:08:21.43,0:08:24.30,Default,,0000,0000,0000,,
Dialogue: 0,0:08:24.30,0:08:29.06,Default,,0000,0000,0000,,
Dialogue: 0,0:08:29.06,0:08:30.32,Default,,0000,0000,0000,,
Dialogue: 0,0:08:30.32,0:08:31.58,Default,,0000,0000,0000,,
Dialogue: 0,0:08:31.58,0:08:33.61,Default,,0000,0000,0000,,
Dialogue: 0,0:08:33.61,0:08:35.06,Default,,0000,0000,0000,,
Dialogue: 0,0:08:35.06,0:08:38.69,Default,,0000,0000,0000,,
Dialogue: 0,0:08:38.69,0:08:42.44,Default,,0000,0000,0000,,
Dialogue: 0,0:08:42.44,0:08:46.97,Default,,0000,0000,0000,,
Dialogue: 0,0:08:46.97,0:08:51.50,Default,,0000,0000,0000,,
Dialogue: 0,0:08:51.50,0:08:54.13,Default,,0000,0000,0000,,
Dialogue: 0,0:08:54.13,0:08:57.82,Default,,0000,0000,0000,,
Dialogue: 0,0:08:57.82,0:09:00.80,Default,,0000,0000,0000,,
Dialogue: 0,0:09:00.80,0:09:04.50,Default,,0000,0000,0000,,
Dialogue: 0,0:09:04.50,0:09:07.60,Default,,0000,0000,0000,,
Dialogue: 0,0:09:07.60,0:09:10.82,Default,,0000,0000,0000,,
Dialogue: 0,0:09:10.82,0:09:14.65,Default,,0000,0000,0000,,
Dialogue: 0,0:09:14.65,0:09:17.36,Default,,0000,0000,0000,,
Dialogue: 0,0:09:17.36,0:09:20.58,Default,,0000,0000,0000,,
Dialogue: 0,0:09:20.58,0:09:22.87,Default,,0000,0000,0000,,
Dialogue: 0,0:09:22.87,0:09:23.99,Default,,0000,0000,0000,,
Dialogue: 0,0:09:23.99,0:09:28.27,Default,,0000,0000,0000,,
Dialogue: 0,0:09:28.27,0:09:32.72,Default,,0000,0000,0000,,
Dialogue: 0,0:09:32.72,0:09:34.73,Default,,0000,0000,0000,,
Dialogue: 0,0:09:34.73,0:09:37.89,Default,,0000,0000,0000,,
Dialogue: 0,0:09:37.89,0:09:40.15,Default,,0000,0000,0000,,
Dialogue: 0,0:09:40.15,0:09:42.40,Default,,0000,0000,0000,,
Dialogue: 0,0:09:42.40,0:09:45.88,Default,,0000,0000,0000,,
Dialogue: 0,0:09:45.88,0:09:48.98,Default,,0000,0000,0000,,
Dialogue: 0,0:09:48.98,0:09:54.23,Default,,0000,0000,0000,,
Dialogue: 0,0:09:54.23,0:09:55.92,Default,,0000,0000,0000,,