0:00:01.066,0:00:04.598
Protože už jsme se naučili používat text,[br]pojďme si s ním trochu pohrát.

0:00:04.598,0:00:08.206
Nejprve použijeme „string"[br]neboli česky "řetězec“.

0:00:08.206,0:00:11.205
Možná si pomyslíte:[br]"A co je to ten řetězec?".

0:00:11.205,0:00:14.560
Je to název[br]pro text v kódu.

0:00:14.560,0:00:16.996
Je to vlastně řetězec znaků.

0:00:16.996,0:00:19.403
Vaše jméno je řetězec,[br]název vaší školy je taky řetězec.

0:00:19.403,0:00:22.448
Každá textová zpráva,[br]kterou jste kdy poslali, je také řetězec.

0:00:22.448,0:00:25.498
Jednoduše řečeno[br]řetězec se rovná text.

0:00:25.978,0:00:28.425
Řetězce jsme již dříve[br]používali k malování.

0:00:28.425,0:00:30.266
Ale mohli bychom použít proměnné[br]s řetězci?

0:00:30.266,0:00:30.987
Samozřejmě!

0:00:30.987,0:00:33.615
Stejně jako byste [br]vložili číslo do proměnné,

0:00:33.615,0:00:35.453
můžete do proměnné[br]dát i řetězec.

0:00:35.453,0:00:39.781
Napíšeme tedy:[br]var myName rovná se a vaše jméno.

0:00:39.781,0:00:40.965
Já napíšu "Sophia".

0:00:40.965,0:00:42.599
a nezapomeneme na uvozovky.

0:00:42.599,0:00:48.536
A teď do funkce místo „Sophia“ [br]napíšeme myName.

0:00:48.536,0:00:50.528
Přestože to[br]vypadá stejně,

0:00:50.528,0:00:55.333
můžeme to nyní[br]napsat třeba několikrát.

0:00:55.333,0:00:57.316
A můžeme být i víc kreativní.

0:00:57.316,0:00:59.872
Stačí pouze[br]změnit tuto proměnnou.

0:00:59.872,0:01:02.658
Můžu tam napsat třeba "Your name",[br]tedy anglicky "Vaše jméno".

0:01:02.658,0:01:04.135
Nyní to tu máme[br]dokonce třikrát.

0:01:04.135,0:01:06.513
Teď si to zase vratím zpátky,

0:01:06.513,0:01:08.127
a co když si s tím zkusíme[br]ještě pohrát?

0:01:08.127,0:01:10.081
Můžeme třeba[br]řetězce spojovat?

0:01:10.081,0:01:13.009
Vzpomínáte, jak jsme [br]dříve spojovali proměnné?

0:01:13.009,0:01:14.581
To samé můžeme udělat i teď.

0:01:14.581,0:01:17.063
Počítač prostě spojí[br]oba řetězce dohromady.

0:01:17.063,0:01:19.547
Tyhle řádky si už smažu.

0:01:19.547,0:01:23.268
Nechám tu jméno jen jednou a[br]vytvořím proměnnou nazvanou message.

0:01:23.268,0:01:27.900
Ta bude obsahovat proměnnou myName[br]plus třeba několik vykřičníků.

0:01:27.900,0:01:31.095
Pokud teď message vložíme do funkce text,[br]tak proměnnou nakreslí.

0:01:31.095,0:01:33.830
Místo jména[br]vidíme jméno s vykřičníky.

0:01:33.830,0:01:37.458
Příkaz přidal k našemu[br]jménu vykřičníky.

0:01:38.062,0:01:40.402
Můžeme to dokonce udělat[br]ještě zajímavější.

0:01:40.402,0:01:43.410
Třeba tuto proměnnou[br]necháme vypsat dvakrát.

0:01:43.410,0:01:45.528
To vlastně dává celkem smysl.

0:01:45.528,0:01:49.264
Sečtení řetězců znamená nalepit druhý[br]řetězec k zadní části prvního řetězce.

0:01:49.264,0:01:51.797
Možná přemýšlíte, co jiného[br]můžeme s řetězci provádět.

0:01:51.797,0:01:55.015
Můžeme je násobit nebo dělit[br]nebo odečítat?

0:01:55.811,0:01:57.348
Ne, to nejde.

0:01:57.348,0:01:59.326
Řetězce můžeme pouze spojovat.

0:01:59.326,0:02:01.754
Mohli jsme dělit[br]a odečítat číselné proměnné.

0:02:01.754,0:02:04.662
Řetězcové proměnné nám [br]umožňují jenom spojování.

0:02:04.662,0:02:07.324
To jsem ale zvědavá, co?

0:02:07.324,0:02:09.526
Ale jenom zvědavostí se člověk [br]dozvídá víc.

0:02:11.344,0:02:16.930
Zkusme si teď ukázat animaci, a to[br]interakci myši s textovými řetězci.

0:02:17.500,0:02:20.551
Vytvoříme si řetězec,[br]který sleduje kurzor myši,

0:02:20.551,0:02:23.636
a to pouhým přilepením do cyklu.

0:02:23.636,0:02:27.285
Jak bychom to udělali...[br]Vytvoříme funkci var draw,

0:02:27.285,0:02:29.664
a poté vše dáme přímo do ní.

0:02:29.664,0:02:32.905
Vypadá to povědomě,[br]to už jsme používali, když jsme se učili animovat.

0:02:32.905,0:02:39.459
Pokud má řetězec sledovat kurzor myši, tak[br]určitě potřebujeme použít mouseX a mouseY.

0:02:39.459,0:02:40.487
A máme hotovo.

0:02:40.487,0:02:43.188
Je to vlastně takové malování[br]naším jménem.

0:02:43.188,0:02:46.823
A samozřejmě, pokud bychom chtěli,[br]mohli bychom snadno nastavit pozadí.

0:02:46.823,0:02:50.828
Například nastavit[br]nějakou pěknou světle modrou.

0:02:50.828,0:02:55.082
A teď vidíme text,[br]který sleduje kurzor myši.

0:02:55.082,0:02:57.186
Úplně stejně jako jsme to[br]dřív dělali s objekty.

0:02:57.186,0:03:00.133
A na závěr si pojďme[br]vyzkoušet použití animace.

0:03:00.133,0:03:02.640
Chceme, aby velikost textu[br]rostla.

0:03:02.640,0:03:04.844
Tady nastavujeme[br]výchozí velikost textu na 30.

0:03:04.844,0:03:06.619
Ale protože už známe proměnné,

0:03:06.619,0:03:10.794
tak místo 30 bychom mohli říci:[br]var howBig se rovná 30.

0:03:10.794,0:03:14.199
A teď tuto proměnnou použijeme[br]místo toho, abychom psali přímo 30.

0:03:14.649,0:03:16.417
To je úplně to samé.

0:03:16.417,0:03:19.986
Musíme ale něco měnit,[br]aby se jednalo o animaci.

0:03:20.485,0:03:25.424
Můžeme to udělat třeba tak, že řekneme:[br]howBig se rovná howBig plus jedna.

0:03:25.424,0:03:28.344
To bude určovat, [br]jak se proměnná howBig mění.

0:03:28.344,0:03:32.214
Vezmeme původní hodnotu howBig a[br]přičteme jedna, aby to bylo o trochu větší.

0:03:32.214,0:03:34.754
A nyní stačí restartovat program.

0:03:34.754,0:03:39.856
Když pohybujeme myší,[br]velikost textu roste.

0:03:39.856,0:03:43.262
To vše díky tomuto řádku kódu.

0:03:43.262,0:03:44.716
No a dál je to jen na vás.

0:03:44.716,0:03:47.590
Můžete si zkusit animaci[br]třeba zrychlit.

0:03:48.086,0:03:51.653
Tak a tím jsme se naučili, nejen jak[br]manipulovat s tvary pomocí kódu,

0:03:51.653,0:03:57.000
ale i jak používat s kódem text.