WEBVTT

00:00:00.000 --> 00:00:02.379
Doteď jsme si
hlavně kreslily.

00:00:02.379 --> 00:00:06.403
Pojďme se podívat, jak bychom mohli vložit
do obrázku nějaký text, třeba vaše jméno.

00:00:06.403 --> 00:00:08.375
Práce s textem tedy
bude cílem této lekce.

00:00:08.375 --> 00:00:10.049
K čemu je používání
textu dobré?

00:00:10.049 --> 00:00:11.873
Můžeme s ním ukázat
třeba skóre ve hře.

00:00:11.873 --> 00:00:13.679
Nebo nechat mluvit
kreslené postavičky.

00:00:13.679 --> 00:00:15.935
Nebo zvětšovat naše jméno
a měnit mu barvy.

00:00:15.935 --> 00:00:18.404
Pojďme na to a zkusme říct "hello",
anglicky ahoj.

00:00:18.404 --> 00:00:24.353
Napíšeme „text (hello)“, ale objevila se
nám tato podivná chybová hláška.

00:00:24.353 --> 00:00:27.914
Píše nám, že “hello není definováno,”
co to znamená?

00:00:27.914 --> 00:00:31.458
Problém je v tom, že si náš program
myslí, že "hello" je proměnná.

00:00:31.458 --> 00:00:33.715
Z pohledu programu
to dává smysl,

00:00:33.715 --> 00:00:36.662
neboť „hello“ by mohla být
proměnná, jak to program může vědět?

00:00:36.662 --> 00:00:39.491
Jak mu tedy řekneme,
že je to prostý text?

00:00:39.491 --> 00:00:42.879
Je to snadné,
celé slovo vložíme do uvozovek.

00:00:42.879 --> 00:00:46.457
Tím programu řekneme že to není proměnná,
ale že je to ve skutečnosti text.

00:00:46.457 --> 00:00:48.193
Nebo že ho chceme
zobrazit jako text.

00:00:48.193 --> 00:00:50.226
Můžeme si to
představit jako v knihách.

00:00:50.226 --> 00:00:53.694
Tam je přímá řeč postav
také vždy vložena do uvozovek.

00:00:53.694 --> 00:00:56.162
Proto když chcete
aby program něco řekl,

00:00:56.162 --> 00:00:58.400
tak i tento text musí mít
okolo sebe uvozovky.

00:00:58.400 --> 00:01:01.379
Je to vážně důležité
a je snadné to pokazit.

00:01:01.379 --> 00:01:03.441
Radši to ještě zopakuji.

00:01:03.441 --> 00:01:07.526
Kdykoli chcete ve vašem programu použít
text, musíte okolo něj vložit uvozovky.

00:01:07.526 --> 00:01:10.112
Jinak se vám zobrazí
opravdu divné chybové hlášky.

00:01:10.112 --> 00:01:12.446
A pamatujte, že pokud uvidíte
tyto chybové zprávy,

00:01:12.446 --> 00:01:15.319
radši znovu zkontrolujte,
že je text vložen do uvozovek.

00:01:15.319 --> 00:01:16.052
Skvělé!

00:01:16.052 --> 00:01:18.825
Takže umíme používat uvozovky
a už nikdy nedostaneme chybu.

00:01:18.825 --> 00:01:22.707
Možná jste si ale všimli
že se nic neděje, stále máme prázdné okno.

00:01:22.707 --> 00:01:27.360
Pokud však nastavíme pozadí, klíčové
slovo "background", třeba na červenou,

00:01:27.360 --> 00:01:29.394
vidíme, že to tam vlastně je.

00:01:29.394 --> 00:01:31.540
Neviděli jsme to,
protože je to bílé.

00:01:31.540 --> 00:01:38.668
Měli jsme napsaný bílý text na bílém
pozadí, a proto jsme to nemohli vidět.

00:01:38.668 --> 00:01:42.940
Není to trochu hloupé
psát bílý text na bílé pozadí?

00:01:42.940 --> 00:01:46.476
Můžeme to jednoduše změnit,
protože již umíme nastavovat výplň něčeho.

00:01:46.476 --> 00:01:49.381
A stejně jako můžeme nastavit výplň
obdélníku nebo čáry,

00:01:49.381 --> 00:01:52.846
můžeme nastavit i výplň textu
na cokoli pomocí příkazu "fill".

00:01:52.846 --> 00:01:54.231
A máme to!

00:01:54.231 --> 00:01:56.930
Vidíme to bez
potřeby změny pozadí.

00:01:56.930 --> 00:02:00.109
Pojďme se podívat trochu více na to,
jak to vlastně funguje.

00:02:00.109 --> 00:02:02.324
První část je zřejmá.

00:02:02.324 --> 00:02:04.729
Obsahuje text,
který chceme zobrazit.

00:02:04.729 --> 00:02:05.734
Co dělá druhá část?

00:02:05.734 --> 00:02:09.329
Když ji měníme, vidíme,
že nastavuje vzdálenost textu do stran.

00:02:09.329 --> 00:02:12.136
Další část zase nastavuje
vzdálenost nahoru a dolů.

00:02:12.136 --> 00:02:15.682
Asi to vypadá opravdu podobně
jako při kreslení obdélníků.

00:02:15.682 --> 00:02:17.620
Jedna věc však může
být poněkud zrádná.

00:02:17.620 --> 00:02:24.116
Text má dvě souřadnice určující polohu
levé spodní části, tedy tohoto rohu textu.

00:02:24.116 --> 00:02:27.592
U obdélníků ale udáváme polohu
levé horní části, tedy tohoto rohu.

00:02:27.592 --> 00:02:30.620
Může se zdát, že to je schválně
navrženo tak, aby vás to zmátlo,

00:02:30.620 --> 00:02:32.761
ale je to jen něco,
co si musíte zapamatovat.

00:02:32.761 --> 00:02:35.375
Můžeme to také zkoušet
a přímo to pak vidět.

00:02:35.375 --> 00:02:39.219
Nastavíme výšku pomocí slova „height“
a vidíme,

00:02:39.219 --> 00:02:43.228
že je to nastavení výšky
tedy tato dolní levá souřadnice.

00:02:44.358 --> 00:02:47.145
Nebo tam můžeme zadat nulu.

00:02:47.145 --> 00:02:50.002
Co si myslíte, že se stane?

00:02:50.002 --> 00:02:53.391
Teď to vůbec nevidíme,
ale pokud to začneme pomalu zvyšovat,

00:02:53.391 --> 00:02:56.326
můžeme si všimnout,
že to tady už vykukuje.

00:02:56.326 --> 00:03:01.754
Protože to, co nastavujeme je poloha
spodního levého rohu, ne toho horního.

00:03:01.754 --> 00:03:06.468
Dost ale bylo analyzování textu,
pojďme to nyní ještě vylepšovat.

00:03:06.468 --> 00:03:08.874
Co třeba kdybychom
chtěli zvětšit tento text?

00:03:08.874 --> 00:03:11.345
To můžeme udělat
pomocí "textSize".

00:03:11.345 --> 00:03:13.886
Tento příkaz říká programu,
jak velký bude text.

00:03:13.886 --> 00:03:16.099
Můžeme zadat třeba „30“
což už je docela velké.

00:03:16.099 --> 00:03:17.688
Můžeme to klidně ještě zvětšit.

00:03:17.688 --> 00:03:20.397
Nebo to naopak nastavit na opravdu,
opravdu, opravdu malé.

00:03:20.397 --> 00:03:23.584
Tak hurá do toho,
nakreslíme sem své jméno.

00:03:23.584 --> 00:03:25.787
A možná k tomu přidáme
i malou zprávu o sobě.

00:03:25.787 --> 00:03:28.646
Protože neznám vaše jméno,
napíšu sem náhodné jméno.

00:03:28.646 --> 00:03:30.871
Můžete si jej však ihned změnit.

00:03:30.871 --> 00:03:34.264
Takže použijeme to, co jsme se naučili,
můžeme napsat "text("Sophia...

00:03:34.264 --> 00:03:36.157
To je celkem hezké jméno.

00:03:36.157 --> 00:03:38.135
A pak pod to dám
nějakou informaci o sobě.

00:03:38.135 --> 00:03:43.493
Třeba, že „Mám ráda štěňata
a kytary a kódování. "

00:03:43.493 --> 00:03:45.229
Není to teď úplně ideální.

00:03:45.229 --> 00:03:48.945
Potřebujeme totiž změnit pozice,
aby se texty nepřekrývaly.

00:03:48.945 --> 00:03:51.647
Navíc ta druhá věta
je celkem dlouhá.

00:03:51.647 --> 00:03:55.449
Proto si to změním,
aby měl text menší velikost.

00:03:56.499 --> 00:03:58.633
A je to,
to už je docela dobré.

00:03:58.633 --> 00:04:02.164
Až na to, že je to trochu
nuda mít oba texty modré.

00:04:02.164 --> 00:04:04.393
Pojďme tedy změnit
výplň pomocí příkazu "fill".

00:04:04.393 --> 00:04:10.404
Uděláme z toho možná pěknou,
hmm nevím, možná něco jako fialovou.

00:04:10.404 --> 00:04:18.276
A tím jsme prošli vše o psaní textu
a změně jeho barvy a velikosti.