Return to Video

Making drawings with code (Video version)

  • 0:01 - 0:03
    Dnes vytvoříme program,
  • 0:03 - 0:05
    který nakreslí obličej z elips.
  • 0:05 - 0:08
    Elipsu nakreslíme pomocí
    anglického příkazu ellipse,
  • 0:09 - 0:11
    takže teď v editoru napíšu e-l-l-i-p-s-e.
  • 0:12 - 0:14
    Za názvem příkazu v programu
  • 0:14 - 0:18
    vždy následují závorky a středník.
  • 0:19 - 0:22
    Ale žádnou elipsu nevidím.
  • 0:23 - 0:25
    Vpravo je pořád jen nudné bílé plátno.
  • 0:26 - 0:29
    No, žádná elipsa tu není,
    protože nejdřív musíme přidat
  • 0:29 - 0:32
    více informací, kam má
    program elipsu vykreslit
  • 0:32 - 0:34
    a jak má být velká.
  • 0:36 - 0:39
    Jelikož kreslíme obličej,
    první elipsu chceme
  • 0:39 - 0:42
    přesně uprostřed plátna,
  • 0:42 - 0:43
    co největší.
  • 0:44 - 0:46
    Napíšu do závorek čtyři čísla.
  • 0:47 - 0:48
    A bude to.
  • 0:49 - 0:51
    A potom si vysvětlíme, jak to funguje.
  • 0:53 - 0:55
    Ta dá, obličej.
  • 0:55 - 1:00
    Ok, co znamená první číslo?
  • 1:00 - 1:02
    Můžu ho měnit, když na něj kliknu
    a budu hýbat posuvníkem,
  • 1:02 - 1:04
    který se objevil nad ním.
  • 1:04 - 1:07
    Podívejte, obličej se na plátně hýbe.
  • 1:07 - 1:11
    Takže toto číslo určuje,
    jak je naše elipsa daleko
  • 1:11 - 1:13
    od levého okraje plátna.
  • 1:14 - 1:17
    Co druhé číslo?
  • 1:17 - 1:22
    Když ho měním,
    elipsa se pohybuje nahoru a dolů.
  • 1:22 - 1:23
    Ok.
  • 1:24 - 1:25
    Teď třetí číslo.
  • 1:26 - 1:29
    Tím elipsu rozšíříme
  • 1:29 - 1:30
    nebo zúžíme.
  • 1:31 - 1:33
    Dobrá, to by šlo.
  • 1:33 - 1:35
    Už jen čtvrté číslo.
  • 1:35 - 1:38
    Co ještě bychom mohli změnit?
  • 1:38 - 1:42
    Výšku, elipsu zvýšíme nebo snížíme,
  • 1:43 - 1:44
    to jsem si myslela.
  • 1:45 - 1:46
    Teď ji ještě znovu zvýšíme.
  • 1:47 - 1:48
    Dobře.
  • 1:48 - 1:50
    Teď už víme, co ta čtyři čísla dělají.
  • 1:50 - 1:54
    První dvě určují pozici elipsy
  • 1:54 - 1:56
    a druhá dvě její velikost.
  • 1:57 - 2:01
    Tato čísla se nazývají
    parametry příkazu ellipse.
  • 2:02 - 2:06
    A ve skutečnosti příkazu
    říkáme funkce.
  • 2:06 - 2:11
    Takže v našem programu
    voláme funkci ellipse
  • 2:11 - 2:17
    a předáváme jí čtyři parametry,
    aby věděla, jak nakreslit naši elipsu.
  • 2:17 - 2:20
    Když popisujeme parametry funkce,
  • 2:20 - 2:22
    většinou jim dáváme jména,
    abychom jim nemuseli říkat
  • 2:22 - 2:24
    první nebo druhý.
  • 2:25 - 2:27
    Pojďme teď projít jména těchto parametrů.
  • 2:28 - 2:32
    Tento první parametr, nezapomeňte,
  • 2:32 - 2:33
    že ovládá tohle.
  • 2:34 - 2:37
    Tento parametr nazýváme X,
  • 2:37 - 2:42
    protože x znamená směr,
    kterým se hýbe elipsa po plátně,
  • 2:42 - 2:44
    jako teď ukazuji.
  • 2:45 - 2:46
    Začíná na nule
  • 2:47 - 2:49
    a končí na 400.
  • 2:51 - 2:53
    Takže to je naše X.
  • 2:55 - 2:58
    Druhý parametr se nazývá Y,
  • 2:59 - 3:03
    protože ovládá tento směr.
  • 3:03 - 3:07
    Zde Y znamená směr
    dolů po plátně.
  • 3:07 - 3:09
    To je tedy Y.
  • 3:09 - 3:12
    A také začíná na nule tady v horním rohu
  • 3:12 - 3:17
    a končí na 400 úplně dole.
  • 3:18 - 3:20
    To by bylo X a Y.
  • 3:20 - 3:23
    Třetí parametr nazýváme šířka,
  • 3:23 - 3:25
    protože tím ovládáme šířku,
  • 3:25 - 3:29
    a čtvrtý parametr je výška.
  • 3:29 - 3:30
    Super.
  • 3:30 - 3:33
    Teď tedy rozumíme, co náš kód dělá
  • 3:33 - 3:35
    a proč to dělá.
  • 3:35 - 3:37
    Pojďme přidat další kód.
  • 3:38 - 3:39
    No, teď máme obličej
  • 3:39 - 3:43
    ještě potřebujeme pusu,
    abychom se najedli.
  • 3:43 - 3:46
    Pusu vytvořím tak, že dolů
    napíšu další elipsu.
  • 3:47 - 3:51
    Použiju stejnou hodnotu x jako předtím,
  • 3:51 - 3:54
    protože chci pusu uprostřed obličeje,
  • 3:54 - 3:57
    ale chci ji mít trochu níže.
  • 3:57 - 4:00
    Tak zkusme Y nastavit na 250.
  • 4:02 - 4:05
    Co se týče velikosti,
    musí být menší než obličej
  • 4:06 - 4:08
    Zkusíme 100 a 10.
  • 4:10 - 4:13
    Ou, to je trochu, trochu moc malé.
  • 4:13 - 4:17
    Zkusím to trošku rozšířit.
  • 4:17 - 4:18
    Super.
  • 4:19 - 4:22
    Teď potřebujeme oči,
    obličej bez očí
  • 4:22 - 4:24
    vypadá trochu děsivě.
  • 4:25 - 4:27
    Začneme levým okem.
  • 4:27 - 4:30
    Musí být nalevo od středu,
  • 4:30 - 4:34
    tak zkusím 150,
  • 4:35 - 4:38
    a mělo by být více nahoře,
  • 4:38 - 4:40
    tak zkusme 150 i pro Y.
  • 4:41 - 4:44
    A oči musí být malé přesné kružnice,
  • 4:44 - 4:47
    tak zkusme 30 a 30.
  • 4:47 - 4:50
    Dobře, ale to oko tady pořád není,
  • 4:50 - 4:51
    co se stalo?
  • 4:51 - 4:53
    Aha, tady je problém.
  • 4:53 - 4:57
    Tohle je Zmatlík, náš
    pomocník s chybami,
  • 4:57 - 5:00
    říká nám, co máme v kódu špatně.
  • 5:00 - 5:02
    Zapomněla jsem na středník.
  • 5:02 - 5:03
    Kde mi chybí?
  • 5:03 - 5:07
    Řádek pět, ten který
    jsem teď napsala,
  • 5:07 - 5:08
    a zapomněla jsme na středník.
  • 5:08 - 5:11
    To je častá chyba, stačí ho přidat
  • 5:11 - 5:14
    a hle, máme oko.
  • 5:14 - 5:17
    No, Zmatlíka asi budete vídat
    často teď v začátcích,
  • 5:17 - 5:19
    protože je to vaše první programování
  • 5:19 - 5:22
    a chvíli trvá, než si zvyknete na syntaxi,
  • 5:22 - 5:25
    neboli správný zápis každého výrazu,
  • 5:25 - 5:29
    používání správných závorek
  • 5:29 - 5:31
    a středník za každým příkazem.
  • 5:31 - 5:34
    Takže se nebojte, když ho uvidíte často,
  • 5:34 - 5:36
    zvyknete si na něj. :-)
  • 5:36 - 5:40
    A nakonec musíme přidat
    ještě jedno oko,
  • 5:40 - 5:42
    není to přece kyklop.
  • 5:42 - 5:46
    Protože druhé oko bude dost podobné
    našemu levému oku,
  • 5:46 - 5:50
    jednoduše zkopírujeme
    celý řádek a vložíme pod něj,
  • 5:50 - 5:53
    a potom posuneme x,
  • 5:53 - 5:55
    a je to.
  • 5:55 - 5:56
    Nádhera!
  • 5:56 - 5:58
    Obličej je hotový.
  • 5:59 - 6:02
    A možná má trochu hlad.
  • 6:02 - 6:03
    Hm.
  • 6:03 - 6:08
    Tak, a teď si zkusíte kreslit
    kružnice pomocí kódu sami.
Title:
Making drawings with code (Video version)
Description:

more » « less
Video Language:
English
Duration:
06:09

Czech subtitles

Revisions