More While Loops (Video Version)

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

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.