[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:01.34,0:00:03.34,Default,,0000,0000,0000,,Teď, když už znáte základy cyklů, Dialogue: 0,0:00:03.34,0:00:05.75,Default,,0000,0000,0000,,pojďme si pomocí nich udělat\Nnějakou pěknou kresbu. Dialogue: 0,0:00:05.75,0:00:06.75,Default,,0000,0000,0000,,Třeba tuhle. Dialogue: 0,0:00:06.75,0:00:09.41,Default,,0000,0000,0000,,Je to Hopper s balónky\Nplovoucími po krásné obloze. Dialogue: 0,0:00:09.41,0:00:11.60,Default,,0000,0000,0000,,Jak začnu psát kód od začátku, Dialogue: 0,0:00:11.60,0:00:14.44,Default,,0000,0000,0000,,chci abyste přemýšleli,\Njak byste to udělali sami. Dialogue: 0,0:00:14.44,0:00:16.40,Default,,0000,0000,0000,,Protože na to velmi brzy dojde. Dialogue: 0,0:00:16.40,0:00:20.21,Default,,0000,0000,0000,,Zaprvé, vždy je dobré rozdělit si\Nprogram na jednotlivé kroky. Dialogue: 0,0:00:20.21,0:00:25.18,Default,,0000,0000,0000,,Začneme nakreslením balónků, které\Njsou elipsou opakovanou pořád dokola. Dialogue: 0,0:00:25.18,0:00:27.48,Default,,0000,0000,0000,,To zní jako úloha pro cyklus. Dialogue: 0,0:00:27.48,0:00:32.98,Default,,0000,0000,0000,,Poté přidáme tyto čáry a \Nnakonec i samotného Hoppera. Dialogue: 0,0:00:33.59,0:00:37.96,Default,,0000,0000,0000,,Takže tady máme prázdnou plochu, \Ncož může být docela děsivé. Dialogue: 0,0:00:37.96,0:00:41.78,Default,,0000,0000,0000,,Někdy je lepší hned přidat pozadí,\Nať to máme trochu hezčí. Dialogue: 0,0:00:41.78,0:00:43.97,Default,,0000,0000,0000,,A taky proto, abychom se měli \Nod čeho odrazit. Dialogue: 0,0:00:43.97,0:00:48.15,Default,,0000,0000,0000,,Když chceme napsat cyklus,\Nnejprve si musíme položit cyklové otázky. Dialogue: 0,0:00:48.15,0:00:49.93,Default,,0000,0000,0000,,Ty jsme pokryli v posledním videu. Dialogue: 0,0:00:49.93,0:00:52.70,Default,,0000,0000,0000,,Tentokrát to uděláme celkem rychle, Dialogue: 0,0:00:52.70,0:00:56.93,Default,,0000,0000,0000,,takže pokud potřebujete zopakování,\Nprojděte si znovu "Intro to while loops". Dialogue: 0,0:00:56.93,0:01:01.39,Default,,0000,0000,0000,,Pojďme teď k první otázce: \N"Co chceme opakovat?" Dialogue: 0,0:01:01.39,0:01:06.44,Default,,0000,0000,0000,,Zkusme nakreslit první balónek,\Nprotože opakovat chceme přece balónky. Dialogue: 0,0:01:06.44,0:01:13.66,Default,,0000,0000,0000,,Můžete to udělat nějak takto,\Nale je to trochu malé. Dialogue: 0,0:01:13.66,0:01:15.28,Default,,0000,0000,0000,,A není to úplně na \Nsprávném místě. Dialogue: 0,0:01:15.28,0:01:17.15,Default,,0000,0000,0000,,Zkusíme s tím trochu pohnout. Dialogue: 0,0:01:17.15,0:01:20.09,Default,,0000,0000,0000,,To je ta část programování,\Nkdy něco vyzkoušíte a uvědomíte si, Dialogue: 0,0:01:20.09,0:01:25.04,Default,,0000,0000,0000,,že to není ono, tak to zkusíte znovu a\Nnakonec jste k výsledku o něco blíže. Dialogue: 0,0:01:26.73,0:01:28.80,Default,,0000,0000,0000,,Teď bychom asi měli přidat\Nnějakou barvu. Dialogue: 0,0:01:28.80,0:01:31.33,Default,,0000,0000,0000,,Během vymýšlení kroků \Njsme na to nemysleli. Dialogue: 0,0:01:31.33,0:01:35.23,Default,,0000,0000,0000,,Řekněme, že je to součástí\Nvykreslení balónku. Dialogue: 0,0:01:35.23,0:01:37.12,Default,,0000,0000,0000,,Jako další si musíme promyslet to, Dialogue: 0,0:01:37.12,0:01:40.90,Default,,0000,0000,0000,,jakým způsobem chceme během \Ncyklu náš balónek měnit. Dialogue: 0,0:01:40.90,0:01:43.40,Default,,0000,0000,0000,,Chceme, aby byl balónek \Nnakreslen přes obrazovku. Dialogue: 0,0:01:43.40,0:01:47.63,Default,,0000,0000,0000,,Chceme, aby byl nakreslen \Ntady a pak tady a tady. Dialogue: 0,0:01:47.63,0:01:51.04,Default,,0000,0000,0000,,Chceme, aby to udělal počítač,\Nprotože moje kresba je opravdu špatná. Dialogue: 0,0:01:51.04,0:01:54.16,Default,,0000,0000,0000,,Můžeme to provést změnou \Ntohoto prvního čísla. Dialogue: 0,0:01:54.16,0:01:57.59,Default,,0000,0000,0000,,A to, jak dobře víte, ovládá polohu x:\Ntedy polohu do strany. Dialogue: 0,0:01:57.93,0:01:59.71,Default,,0000,0000,0000,,Ale myslím si, \Nže je to celkem chabé. Dialogue: 0,0:01:59.71,0:02:02.70,Default,,0000,0000,0000,,Ani to moc nepřipomíná ten obrázek,\Nkterý jsme viděli předtím. Dialogue: 0,0:02:02.70,0:02:06.28,Default,,0000,0000,0000,,Takže místo toho toto \Nnazveme x, pro polohu x. Dialogue: 0,0:02:06.28,0:02:10.73,Default,,0000,0000,0000,,A uděláme proměnnou, která \Nbude mít zhruba stejnou hodnotu. Dialogue: 0,0:02:11.11,0:02:14.11,Default,,0000,0000,0000,,Nyní budeme tuto proměnnou \Nměnit uvnitř našeho cyklu. Dialogue: 0,0:02:14.11,0:02:15.91,Default,,0000,0000,0000,,Použijeme tedy cyklus while. Dialogue: 0,0:02:15.91,0:02:21.82,Default,,0000,0000,0000,,A poté uvnitř tohoto cyklu řekneme, \Nže se x pokaždé změní o 20. Dialogue: 0,0:02:21.82,0:02:24.97,Default,,0000,0000,0000,,Poté přesuneme tuto elipsu dovnitř,\Nale musíme být velmi opatrní. Dialogue: 0,0:02:24.97,0:02:27.34,Default,,0000,0000,0000,,Pokud elipsu nepřesuneme dovnitř, Dialogue: 0,0:02:27.34,0:02:30.44,Default,,0000,0000,0000,,budeme akorát přemýšlet o tom, \Nco se v programu pokazilo. Dialogue: 0,0:02:30.44,0:02:34.28,Default,,0000,0000,0000,,Pokud chcete, klidně \Nsi to vyzkoušejte sami. Dialogue: 0,0:02:34.28,0:02:39.70,Default,,0000,0000,0000,,A nyní k naší třetí otázce: \N"Jak dlouho chceme kód opakovat?" Dialogue: 0,0:02:39.70,0:02:41.17,Default,,0000,0000,0000,,Chceme pokračovat do té doby, Dialogue: 0,0:02:41.17,0:02:43.57,Default,,0000,0000,0000,,dokud se nedostaneme\Nza okraj obrazovky. Dialogue: 0,0:02:43.57,0:02:45.96,Default,,0000,0000,0000,,Možná tedy až do bodu, kdy je \Nx je menší než 400. Dialogue: 0,0:02:45.96,0:02:48.30,Default,,0000,0000,0000,,Teď je to zajímavé, \Nprotože se něco děje. Dialogue: 0,0:02:48.30,0:02:50.74,Default,,0000,0000,0000,,Ale není to úplně to,\Nco jsme si představovali. Dialogue: 0,0:02:50.74,0:02:54.03,Default,,0000,0000,0000,,Takže stejně jako předtím, musíme to \Nprojít a pomalu to vylepšovat, Dialogue: 0,0:02:54.03,0:02:56.48,Default,,0000,0000,0000,,abychom se dostali do bodu, \Nkterý jsme si vymezili. Dialogue: 0,0:02:56.48,0:02:59.94,Default,,0000,0000,0000,,Zaprvé, elipsy jsou moc nahuštěny,\Ntakže to musíme napravit. Dialogue: 0,0:02:59.94,0:03:02.32,Default,,0000,0000,0000,,Je dobré dát jim trochu \Nvolného místa. Dialogue: 0,0:03:02.32,0:03:05.70,Default,,0000,0000,0000,,Možná jdou ale pořád příliš \Ndaleko od stran obrazovky, Dialogue: 0,0:03:05.70,0:03:11.62,Default,,0000,0000,0000,,takže pokud změníme koncový bod, \Nmohou elipsy začít mizet. Dialogue: 0,0:03:11.62,0:03:12.70,Default,,0000,0000,0000,,Protože tím říkáme, Dialogue: 0,0:03:12.70,0:03:16.51,Default,,0000,0000,0000,,že jakmile se nám x bude \Nblížit této hodnotě, přestaň kreslit. Dialogue: 0,0:03:16.51,0:03:19.38,Default,,0000,0000,0000,,A to je to, co říká \Ntato část cyklu while. Dialogue: 0,0:03:19.38,0:03:21.12,Default,,0000,0000,0000,,Dále můžeme také říct: Dialogue: 0,0:03:21.12,0:03:24.94,Default,,0000,0000,0000,,Možná chceme trochu pozměnit elipsy, \Nchceme je všechny posunout dolů. Dialogue: 0,0:03:24.94,0:03:29.14,Default,,0000,0000,0000,,Chceme trochu změnit \Njejich velikost. Dialogue: 0,0:03:29.14,0:03:30.84,Default,,0000,0000,0000,,Skvělou věcí na cyklu while je to, Dialogue: 0,0:03:30.84,0:03:33.84,Default,,0000,0000,0000,,že můžeme všechny změny \Nprovést pro všechny najednou. Dialogue: 0,0:03:33.84,0:03:36.58,Default,,0000,0000,0000,,Teď je to dokonalé. Dialogue: 0,0:03:36.58,0:03:40.00,Default,,0000,0000,0000,,Když se nyní podíváme na balónky, \Nbylo by hezké k nim přidat provázky. Dialogue: 0,0:03:40.00,0:03:43.89,Default,,0000,0000,0000,,Pokud se nám líbí, musíme \Nje uvázat, jinak nám odletí. Dialogue: 0,0:03:43.89,0:03:46.01,Default,,0000,0000,0000,,Pro každou z nich \Npotřebujeme čáru. Dialogue: 0,0:03:46.01,0:03:50.57,Default,,0000,0000,0000,,Potřebujeme umístit čáru do\Nstředu každého z těchto balónků. Dialogue: 0,0:03:50.57,0:03:51.56,Default,,0000,0000,0000,,Aby to bylo snadné. Dialogue: 0,0:03:51.56,0:03:55.28,Default,,0000,0000,0000,,A pak se všechny čáry sejdou \Nve stejném bodě, asi takto. Dialogue: 0,0:03:55.28,0:03:59.20,Default,,0000,0000,0000,,Jak přimějeme náš program, \Naby to udělal namísto nás? Dialogue: 0,0:03:59.50,0:04:01.62,Default,,0000,0000,0000,,Vzpomeňme si, že pokud \Nchceme něco opakovat, Dialogue: 0,0:04:01.62,0:04:03.62,Default,,0000,0000,0000,,musíme to vložit dovnitř \Nwhile cyklu. Dialogue: 0,0:04:03.62,0:04:05.05,Default,,0000,0000,0000,,Uděláme tedy tuto čáru. Dialogue: 0,0:04:05.05,0:04:07.38,Default,,0000,0000,0000,,Pokud chceme, aby toto bylo\Nv samém středu elipsy, Dialogue: 0,0:04:07.38,0:04:10.14,Default,,0000,0000,0000,,musíme to mít počáteční pozici\Nna těchto dvou souřadnicích. Dialogue: 0,0:04:10.63,0:04:13.64,Default,,0000,0000,0000,,Řekněme, že to skončí kdekoli. Dialogue: 0,0:04:14.07,0:04:15.50,Default,,0000,0000,0000,,Celkem jsme se trefili. Dialogue: 0,0:04:16.12,0:04:21.29,Default,,0000,0000,0000,,Ale opět to není dokonalé, možná to sami\Nvidíte, takže to musíme opravit. Dialogue: 0,0:04:21.29,0:04:23.66,Default,,0000,0000,0000,,Nejprve pojďme opravit \Ntuto ošklivou věc. Dialogue: 0,0:04:23.66,0:04:28.63,Default,,0000,0000,0000,,Což je to, že se námi nakreslené \Nčáry překrývají s balónky. Dialogue: 0,0:04:28.70,0:04:29.70,Default,,0000,0000,0000,,To není dobře. Dialogue: 0,0:04:29.81,0:04:32.46,Default,,0000,0000,0000,,Ve skutečnosti chceme, \Naby elipsy provázek zakrývaly. Dialogue: 0,0:04:32.46,0:04:35.25,Default,,0000,0000,0000,,A to upravíme jednoduše tím,\Nže změníme pořadí. Dialogue: 0,0:04:35.25,0:04:38.96,Default,,0000,0000,0000,,Pravděpodobně se zde objeví spousta\Nvěcí, které jste se již naučili. Dialogue: 0,0:04:38.96,0:04:42.56,Default,,0000,0000,0000,,Takto je to dobré, ale možná bychom \Nchtěli ještě změnit barvu těchto čar. Dialogue: 0,0:04:42.56,0:04:45.53,Default,,0000,0000,0000,,A jak to udělat, pokud program\Nděláme úplně sami? Dialogue: 0,0:04:45.53,0:04:47.42,Default,,0000,0000,0000,,Můžeme se podívat\Nna dokumentaci. Dialogue: 0,0:04:47.42,0:04:50.63,Default,,0000,0000,0000,,Pokud byste nevěděli jak, podívali \Nbyste se na video o dokumentaci. Dialogue: 0,0:04:50.63,0:04:54.31,Default,,0000,0000,0000,,Můžeme pokračovat a pomocí stroke()\Nnastavit barvu těchto čar. Dialogue: 0,0:04:54.80,0:05:00.25,Default,,0000,0000,0000,,A dám jim barvu, nevím, \Nmožná něco takovéto? Dialogue: 0,0:05:00.25,0:05:01.54,Default,,0000,0000,0000,,A je to krásné! Dialogue: 0,0:05:01.54,0:05:05.85,Default,,0000,0000,0000,,A poslední, co musíme udělat, \Nje namalovat Hoppera. Dialogue: 0,0:05:05.85,0:05:10.15,Default,,0000,0000,0000,,Toho docílíme tím, že ho vložíme\Njako obrázok, takhle. Dialogue: 0,0:05:10.15,0:05:12.94,Default,,0000,0000,0000,,Jak jsem na to přišla \Nnaleznete v dokumentaci. Dialogue: 0,0:05:12.94,0:05:16.54,Default,,0000,0000,0000,,Ještě si pohrám s polohou, aby\NHopper v ruce držel balónky. Dialogue: 0,0:05:19.34,0:05:20.21,Default,,0000,0000,0000,,Jsme hotovi! Dialogue: 0,0:05:20.21,0:05:22.55,Default,,0000,0000,0000,,Můžete zkusit balónky ozdobit, Dialogue: 0,0:05:22.55,0:05:26.53,Default,,0000,0000,0000,,nebo do tohoto cyklu něco přidat, \Naby byly balónky trochu zajímavější. Dialogue: 0,0:05:26.54,0:05:30.54,Default,,0000,0000,0000,,Můžete dokonce použít cyklus\Nu vaší další kresby.