< Return to Video

2. SHAPES

  • 0:01 - 0:03
    Ok, daar gaan we.
  • 0:03 - 0:05
    Dit is een bijzonder moment,
  • 0:05 - 0:09
    want we gaan nu echt regels code schrijven.
  • 0:09 - 0:11
    Maar wat is een regel code eigenlijk?
  • 0:11 - 0:13
    Het is een opdracht aan de computer
  • 0:13 - 0:15
    Met welke zullen we beginnen?
  • 0:15 - 0:18
    We beginnen met "teken een rechthoek".
  • 0:18 - 0:22
    Hoe laat je de computer dit doen?
  • 0:22 - 0:24
    De computer spreekt een andere taal
  • 0:26 - 0:30
    dus je gebruikt andere andere woorden.
  • 0:30 - 0:36
    In dit geval schrijf je "rect".
  • 0:37 - 0:39
    rect wordt ook wel een "functie" genoemd.
  • 0:39 - 0:44
    De functie van rect is rechthoeken tekenen.
  • 0:48 - 0:50
    We moeten nu nog iets specifieker worden
  • 0:50 - 0:51
    Hoe hoog en hoe breed,
  • 0:51 - 0:54
    en waar op het scherm
  • 0:54 - 0:58
    willen we de rechthoek precies plaatsen?
  • 0:58 - 1:05
    dit zijn dingen die de computer
  • 1:05 - 1:09
    heel precies wil weten.
  • 1:09 - 1:11
    Laten we beginnen met de plek
  • 1:12 - 1:13
    op het scherm. Hoe kun je dingen
  • 1:13 - 1:16
    daar eigenlijk op plaatsen?
  • 1:16 - 1:18
    Het scherm voor je neus
  • 1:18 - 1:22
    is zelf ook een rechthoek.
  • 1:22 - 1:23
    Net als bij schilderen noemen we
  • 1:23 - 1:30
    dit oppervlak het "canvas".
  • 1:31 - 1:34
    Net als bij schaken is er een systeem
  • 1:34 - 1:37
    van coordinaten. We kunnen bijvoorbeeld
  • 1:37 - 1:41
    zeggen dat de linker bovenhoek
  • 1:41 - 1:47
    op punt 16,23 moet beginnen.
  • 1:47 - 1:52
    Je geeft dingen een plek
  • 1:52 - 1:56
    op de horizontale (x) of verticale (y) as.
  • 1:56 - 2:01
    OK, dit is 0, 1 ,2 ,3 ,4, 5, 6, 7, 8, 9
  • 2:01 - 2:03
    Dus deze zou bij "pixel" 9 beginnen.
  • 2:03 - 2:05
    Wat bedoel ik met pixel ?
  • 2:05 - 2:09
    Zoals we in het dagelijks leven centimers
  • 2:09 - 2:12
    of kilometers hebben, zo meet je afstand op
  • 2:12 - 2:16
    computerscherm in pixels.
  • 2:16 - 2:20
    Elke pixel is een gekleurd puntje op het
  • 2:20 - 2:25
    beeldscherm. Dit venster heeft een breedte
  • 2:25 - 2:30
    en hoogte in pixels. In deze cursus zal
  • 2:30 - 2:34
    het venster 500 bij 400 pixels zijn.
  • 2:34 - 2:38
    Dus als het venster 500 pixels breed is,
  • 2:38 - 2:42
    hoeveel pixels is het tot het midden? 250!
  • 2:42 - 2:45
    En waar zit dan verticaal het midden?
  • 2:45 - 2:50
    Inderdaad, op 200 pixels!
  • 2:50 - 2:53
    Door aan de rect functie coordinaten
  • 2:53 - 2:56
    toe te voegen, vertellen we de computer
  • 2:56 - 3:00
    hoe we de rechthoek willen.
  • 3:00 - 3:02
    Coordinaten plaatsen we tussen haakjes,
  • 3:02 - 3:04
    en elke regel eindigen we
  • 3:06 - 3:07
    met een punt-komma. Dat ziet er
  • 3:07 - 3:12
    dan zo uit.
  • 3:12 - 3:15
    In het midden plaatsen we dedetails:
  • 3:15 - 3:17
    de coordinaten, de breedte en hoogte.
  • 3:17 - 3:21
    De coordinaten wijzen de
  • 3:21 - 3:25
    linker-bovenhoek van de rechthoek aan.
  • 3:25 - 3:30
    De X en Y positie: x = 250, y = 200.
  • 3:30 - 3:34
    250, 200
  • 3:34 - 3:39
    Ook de breedte en hoogte geven we aan.
  • 3:39 - 3:41
    Eerst de breedte.
  • 3:41 - 3:46
    Laten we 'm 150 bred en 100 hoog maken.
  • 3:46 - 3:55
    We hebben nu vier getallen ingevuld.
  • 3:56 - 3:57
    Dit is een bijzonder moment:
  • 3:57 - 4:01
    je eerste regel computercode ooit
  • 4:01 - 4:06
    staat nu op het scherm!
  • 4:06 - 4:10
    Het is een functie met vier "argumenten".
  • 4:10 - 4:11
    Waar is de rechthoek?
  • 4:11 - 4:15
  • 4:15 - 4:18
  • 4:18 - 4:20
  • 4:20 - 4:24
  • 4:24 - 4:27
  • 4:27 - 4:29
  • 4:29 - 4:32
  • 4:32 - 4:35
  • 4:35 - 4:37
  • 4:37 - 4:38
  • 4:38 - 4:39
  • 4:39 - 4:42
  • 4:42 - 4:44
  • 4:44 - 4:50
  • 4:50 - 4:51
  • 4:51 - 4:56
  • 4:56 - 4:58
  • 4:58 - 5:00
  • 5:00 - 5:04
  • 5:04 - 5:07
  • 5:07 - 5:10
  • 5:10 - 5:13
  • 5:13 - 5:17
  • 5:17 - 5:20
  • 5:20 - 5:22
  • 5:22 - 5:23
  • 5:23 - 5:26
  • 5:26 - 5:27
  • 5:27 - 5:30
  • 5:30 - 5:34
  • 5:34 - 5:36
  • 5:36 - 5:39
  • 5:39 - 5:42
  • 5:42 - 5:45
  • 5:45 - 5:49
  • 5:49 - 5:51
  • 5:51 - 5:54
  • 5:55 - 5:58
  • 5:58 - 6:02
  • 6:02 - 6:07
  • 6:07 - 6:09
  • 6:09 - 6:11
  • 6:16 - 6:18
  • 6:18 - 6:22
  • 6:22 - 6:26
  • 6:26 - 6:28
  • 6:28 - 6:30
  • 6:30 - 6:32
  • 6:32 - 6:35
  • 6:35 - 6:37
  • 6:37 - 6:39
  • 6:39 - 6:41
  • 6:41 - 6:45
  • 6:45 - 6:48
  • 6:48 - 6:51
  • 6:51 - 6:55
  • 6:55 - 6:58
  • 6:58 - 7:00
  • 7:00 - 7:03
  • 7:04 - 7:09
  • 7:09 - 7:12
  • 7:12 - 7:15
  • 7:15 - 7:21
  • 7:22 - 7:23
  • 7:23 - 7:27
  • 7:27 - 7:32
  • 7:32 - 7:36
  • 7:37 - 7:40
  • 7:40 - 7:45
  • 7:45 - 7:50
  • 7:51 - 7:53
  • 7:53 - 7:58
  • 7:58 - 8:03
  • 8:03 - 8:09
  • 8:09 - 8:16
  • 8:16 - 8:19
  • 8:19 - 8:21
  • 8:21 - 8:24
  • 8:24 - 8:29
  • 8:29 - 8:30
  • 8:30 - 8:32
  • 8:32 - 8:34
  • 8:34 - 8:35
  • 8:35 - 8:39
  • 8:39 - 8:42
  • 8:42 - 8:47
  • 8:47 - 8:52
  • 8:52 - 8:54
  • 8:54 - 8:58
  • 8:58 - 9:01
  • 9:01 - 9:05
  • 9:05 - 9:08
  • 9:08 - 9:11
  • 9:11 - 9:15
  • 9:15 - 9:17
  • 9:17 - 9:21
  • 9:21 - 9:23
  • 9:23 - 9:24
  • 9:24 - 9:28
  • 9:28 - 9:33
  • 9:33 - 9:35
  • 9:35 - 9:38
  • 9:38 - 9:40
  • 9:40 - 9:42
  • 9:42 - 9:46
  • 9:46 - 9:49
  • 9:49 - 9:54
  • 9:54 - 9:56
Title:
2. SHAPES
Description:
more » « less
Video Language:
English
setuputrecht edited Dutch subtitles for 2. SHAPES
setuputrecht edited Dutch subtitles for 2. SHAPES
setuputrecht edited Dutch subtitles for 2. SHAPES
setuputrecht edited Dutch subtitles for 2. SHAPES
setuputrecht edited Dutch subtitles for 2. SHAPES

Dutch subtitles

Incomplete

Revisions

Our website uses cookies for analysis purposes.