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