< Return to Video

More While Loops (Video Version)

  • 0:01 - 0:03
    Teď, když už znáte základy cyklů,
  • 0:03 - 0:06
    pojďme si pomocí nich udělat
    nějakou pěknou kresbu.
  • 0:06 - 0:07
    Třeba tuhle.
  • 0:07 - 0:09
    Je to Hopper s balónky
    plovoucími po krásné obloze.
  • 0:09 - 0:12
    Jak začnu psát kód od začátku,
  • 0:12 - 0:14
    chci abyste přemýšleli,
    jak byste to udělali sami.
  • 0:14 - 0:16
    Protože na to velmi brzy dojde.
  • 0:16 - 0:20
    Zaprvé, vždy je dobré rozdělit si
    program na jednotlivé kroky.
  • 0:20 - 0:25
    Začneme nakreslením balónků, které
    jsou elipsou opakovanou pořád dokola.
  • 0:25 - 0:27
    To zní jako úloha pro cyklus.
  • 0:27 - 0:33
    Poté přidáme tyto čáry a
    nakonec i samotného Hoppera.
  • 0:34 - 0:38
    Takže tady máme prázdnou plochu,
    což může být docela děsivé.
  • 0:38 - 0:42
    Někdy je lepší hned přidat pozadí,
    ať to máme trochu hezčí.
  • 0:42 - 0:44
    A taky proto, abychom se měli
    od čeho odrazit.
  • 0:44 - 0:48
    Když chceme napsat cyklus,
    nejprve si musíme položit cyklové otázky.
  • 0:48 - 0:50
    Ty jsme pokryli v posledním videu.
  • 0:50 - 0:53
    Tentokrát to uděláme celkem rychle,
  • 0:53 - 0:57
    takže pokud potřebujete zopakování,
    projděte si znovu "Intro to while loops".
  • 0:57 - 1:01
    Pojďme teď k první otázce:
    "Co chceme opakovat?"
  • 1:01 - 1:06
    Zkusme nakreslit první balónek,
    protože opakovat chceme přece balónky.
  • 1:06 - 1:14
    Můžete to udělat nějak takto,
    ale je to trochu malé.
  • 1:14 - 1:15
    A není to úplně na
    správném místě.
  • 1:15 - 1:17
    Zkusíme s tím trochu pohnout.
  • 1:17 - 1:20
    To je ta část programování,
    kdy něco vyzkoušíte a uvědomíte si,
  • 1:20 - 1:25
    že to není ono, tak to zkusíte znovu a
    nakonec jste k výsledku o něco blíže.
  • 1:27 - 1:29
    Teď bychom asi měli přidat
    nějakou barvu.
  • 1:29 - 1:31
    Během vymýšlení kroků
    jsme na to nemysleli.
  • 1:31 - 1:35
    Řekněme, že je to součástí
    vykreslení balónku.
  • 1:35 - 1:37
    Jako další si musíme promyslet to,
  • 1:37 - 1:41
    jakým způsobem chceme během
    cyklu náš balónek měnit.
  • 1:41 - 1:43
    Chceme, aby byl balónek
    nakreslen přes obrazovku.
  • 1:43 - 1:48
    Chceme, aby byl nakreslen
    tady a pak tady a tady.
  • 1:48 - 1:51
    Chceme, aby to udělal počítač,
    protože moje kresba je opravdu špatná.
  • 1:51 - 1:54
    Můžeme to provést změnou
    tohoto prvního čísla.
  • 1:54 - 1:58
    A to, jak dobře víte, ovládá polohu x:
    tedy polohu do strany.
  • 1:58 - 2:00
    Ale myslím si,
    že je to celkem chabé.
  • 2:00 - 2:03
    Ani to moc nepřipomíná ten obrázek,
    který jsme viděli předtím.
  • 2:03 - 2:06
    Takže místo toho toto
    nazveme x, pro polohu x.
  • 2:06 - 2:11
    A uděláme proměnnou, která
    bude mít zhruba stejnou hodnotu.
  • 2:11 - 2:14
    Nyní budeme tuto proměnnou
    měnit uvnitř našeho cyklu.
  • 2:14 - 2:16
    Použijeme tedy cyklus while.
  • 2:16 - 2:22
    A poté uvnitř tohoto cyklu řekneme,
    že se x pokaždé změní o 20.
  • 2:22 - 2:25
    Poté přesuneme tuto elipsu dovnitř,
    ale musíme být velmi opatrní.
  • 2:25 - 2:27
    Pokud elipsu nepřesuneme dovnitř,
  • 2:27 - 2:30
    budeme akorát přemýšlet o tom,
    co se v programu pokazilo.
  • 2:30 - 2:34
    Pokud chcete, klidně
    si to vyzkoušejte sami.
  • 2:34 - 2:40
    A nyní k naší třetí otázce:
    "Jak dlouho chceme kód opakovat?"
  • 2:40 - 2:41
    Chceme pokračovat do té doby,
  • 2:41 - 2:44
    dokud se nedostaneme
    za okraj obrazovky.
  • 2:44 - 2:46
    Možná tedy až do bodu, kdy je
    x je menší než 400.
  • 2:46 - 2:48
    Teď je to zajímavé,
    protože se něco děje.
  • 2:48 - 2:51
    Ale není to úplně to,
    co jsme si představovali.
  • 2:51 - 2:54
    Takže stejně jako předtím, musíme to
    projít a pomalu to vylepšovat,
  • 2:54 - 2:56
    abychom se dostali do bodu,
    který jsme si vymezili.
  • 2:56 - 3:00
    Zaprvé, elipsy jsou moc nahuštěny,
    takže to musíme napravit.
  • 3:00 - 3:02
    Je dobré dát jim trochu
    volného místa.
  • 3:02 - 3:06
    Možná jdou ale pořád příliš
    daleko od stran obrazovky,
  • 3:06 - 3:12
    takže pokud změníme koncový bod,
    mohou elipsy začít mizet.
  • 3:12 - 3:13
    Protože tím říkáme,
  • 3:13 - 3:17
    že jakmile se nám x bude
    blížit této hodnotě, přestaň kreslit.
  • 3:17 - 3:19
    A to je to, co říká
    tato část cyklu while.
  • 3:19 - 3:21
    Dále můžeme také říct:
  • 3:21 - 3:25
    Možná chceme trochu pozměnit elipsy,
    chceme je všechny posunout dolů.
  • 3:25 - 3:29
    Chceme trochu změnit
    jejich velikost.
  • 3:29 - 3:31
    Skvělou věcí na cyklu while je to,
  • 3:31 - 3:34
    že můžeme všechny změny
    provést pro všechny najednou.
  • 3:34 - 3:37
    Teď je to dokonalé.
  • 3:37 - 3:40
    Když se nyní podíváme na balónky,
    bylo by hezké k nim přidat provázky.
  • 3:40 - 3:44
    Pokud se nám líbí, musíme
    je uvázat, jinak nám odletí.
  • 3:44 - 3:46
    Pro každou z nich
    potřebujeme čáru.
  • 3:46 - 3:51
    Potřebujeme umístit čáru do
    středu každého z těchto balónků.
  • 3:51 - 3:52
    Aby to bylo snadné.
  • 3:52 - 3:55
    A pak se všechny čáry sejdou
    ve stejném bodě, asi takto.
  • 3:55 - 3:59
    Jak přimějeme náš program,
    aby to udělal namísto nás?
  • 4:00 - 4:02
    Vzpomeňme si, že pokud
    chceme něco opakovat,
  • 4:02 - 4:04
    musíme to vložit dovnitř
    while cyklu.
  • 4:04 - 4:05
    Uděláme tedy tuto čáru.
  • 4:05 - 4:07
    Pokud chceme, aby toto bylo
    v samém středu elipsy,
  • 4:07 - 4:10
    musíme to mít počáteční pozici
    na těchto dvou souřadnicích.
  • 4:11 - 4:14
    Řekněme, že to skončí kdekoli.
  • 4:14 - 4:15
    Celkem jsme se trefili.
  • 4:16 - 4:21
    Ale opět to není dokonalé, možná to sami
    vidíte, takže to musíme opravit.
  • 4:21 - 4:24
    Nejprve pojďme opravit
    tuto ošklivou věc.
  • 4:24 - 4:29
    Což je to, že se námi nakreslené
    čáry překrývají s balónky.
  • 4:29 - 4:30
    To není dobře.
  • 4:30 - 4:32
    Ve skutečnosti chceme,
    aby elipsy provázek zakrývaly.
  • 4:32 - 4:35
    A to upravíme jednoduše tím,
    že změníme pořadí.
  • 4:35 - 4:39
    Pravděpodobně se zde objeví spousta
    věcí, které jste se již naučili.
  • 4:39 - 4:43
    Takto je to dobré, ale možná bychom
    chtěli ještě změnit barvu těchto čar.
  • 4:43 - 4:46
    A jak to udělat, pokud program
    děláme úplně sami?
  • 4:46 - 4:47
    Můžeme se podívat
    na dokumentaci.
  • 4:47 - 4:51
    Pokud byste nevěděli jak, podívali
    byste se na video o dokumentaci.
  • 4:51 - 4:54
    Můžeme pokračovat a pomocí stroke()
    nastavit barvu těchto čar.
  • 4:55 - 5:00
    A dám jim barvu, nevím,
    možná něco takovéto?
  • 5:00 - 5:02
    A je to krásné!
  • 5:02 - 5:06
    A poslední, co musíme udělat,
    je namalovat Hoppera.
  • 5:06 - 5:10
    Toho docílíme tím, že ho vložíme
    jako obrázok, takhle.
  • 5:10 - 5:13
    Jak jsem na to přišla
    naleznete v dokumentaci.
  • 5:13 - 5:17
    Ještě si pohrám s polohou, aby
    Hopper v ruce držel balónky.
  • 5:19 - 5:20
    Jsme hotovi!
  • 5:20 - 5:23
    Můžete zkusit balónky ozdobit,
  • 5:23 - 5:27
    nebo do tohoto cyklu něco přidat,
    aby byly balónky trochu zajímavější.
  • 5:27 - 5:31
    Můžete dokonce použít cyklus
    u vaší další kresby.
Title:
More While Loops (Video Version)
Description:

Sophia ukazuje, jak pomocí cyklu nakreslit více obrazců v řadě.

more » « less
Video Language:
English
Duration:
05:31

Czech subtitles

Incomplete

Revisions