1
00:00:00,000 --> 00:00:02,379
Doteď jsme si
hlavně kreslily.

2
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.

3
00:00:06,403 --> 00:00:08,375
Práce s textem tedy
bude cílem této lekce.

4
00:00:08,375 --> 00:00:10,049
K čemu je používání
textu dobré?

5
00:00:10,049 --> 00:00:11,873
Můžeme s ním ukázat
třeba skóre ve hře.

6
00:00:11,873 --> 00:00:13,679
Nebo nechat mluvit
kreslené postavičky.

7
00:00:13,679 --> 00:00:15,935
Nebo zvětšovat naše jméno
a měnit mu barvy.

8
00:00:15,935 --> 00:00:18,404
Pojďme na to a zkusme říct "hello",
anglicky ahoj.

9
00:00:18,404 --> 00:00:24,353
Napíšeme „text (hello)“, ale objevila se
nám tato podivná chybová hláška.

10
00:00:24,353 --> 00:00:27,914
Píše nám, že “hello není definováno,”
co to znamená?

11
00:00:27,914 --> 00:00:31,458
Problém je v tom, že si náš program
myslí, že "hello" je proměnná.

12
00:00:31,458 --> 00:00:33,715
Z pohledu programu
to dává smysl,

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

14
00:00:36,662 --> 00:00:39,491
Jak mu tedy řekneme,
že je to prostý text?

15
00:00:39,491 --> 00:00:42,879
Je to snadné,
celé slovo vložíme do uvozovek.

16
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.

17
00:00:46,457 --> 00:00:48,193
Nebo že ho chceme
zobrazit jako text.

18
00:00:48,193 --> 00:00:50,226
Můžeme si to
představit jako v knihách.

19
00:00:50,226 --> 00:00:53,694
Tam je přímá řeč postav
také vždy vložena do uvozovek.

20
00:00:53,694 --> 00:00:56,162
Proto když chcete
aby program něco řekl,

21
00:00:56,162 --> 00:00:58,400
tak i tento text musí mít
okolo sebe uvozovky.

22
00:00:58,400 --> 00:01:01,379
Je to vážně důležité
a je snadné to pokazit.

23
00:01:01,379 --> 00:01:03,441
Radši to ještě zopakuji.

24
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.

25
00:01:07,526 --> 00:01:10,112
Jinak se vám zobrazí
opravdu divné chybové hlášky.

26
00:01:10,112 --> 00:01:12,446
A pamatujte, že pokud uvidíte
tyto chybové zprávy,

27
00:01:12,446 --> 00:01:15,319
radši znovu zkontrolujte,
že je text vložen do uvozovek.

28
00:01:15,319 --> 00:01:16,052
Skvělé!

29
00:01:16,052 --> 00:01:18,825
Takže umíme používat uvozovky
a už nikdy nedostaneme chybu.

30
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.

31
00:01:22,707 --> 00:01:27,360
Pokud však nastavíme pozadí, klíčové
slovo "background", třeba na červenou,

32
00:01:27,360 --> 00:01:29,394
vidíme, že to tam vlastně je.

33
00:01:29,394 --> 00:01:31,540
Neviděli jsme to,
protože je to bílé.

34
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.

35
00:01:38,668 --> 00:01:42,940
Není to trochu hloupé
psát bílý text na bílé pozadí?

36
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.

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

38
00:01:49,381 --> 00:01:52,846
můžeme nastavit i výplň textu
na cokoli pomocí příkazu "fill".

39
00:01:52,846 --> 00:01:54,231
A máme to!

40
00:01:54,231 --> 00:01:56,930
Vidíme to bez
potřeby změny pozadí.

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

42
00:02:00,109 --> 00:02:02,324
První část je zřejmá.

43
00:02:02,324 --> 00:02:04,729
Obsahuje text,
který chceme zobrazit.

44
00:02:04,729 --> 00:02:05,734
Co dělá druhá část?

45
00:02:05,734 --> 00:02:09,329
Když ji měníme, vidíme,
že nastavuje vzdálenost textu do stran.

46
00:02:09,329 --> 00:02:12,136
Další část zase nastavuje
vzdálenost nahoru a dolů.

47
00:02:12,136 --> 00:02:15,682
Asi to vypadá opravdu podobně
jako při kreslení obdélníků.

48
00:02:15,682 --> 00:02:17,620
Jedna věc však může
být poněkud zrádná.

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

50
00:02:24,116 --> 00:02:27,592
U obdélníků ale udáváme polohu
levé horní části, tedy tohoto rohu.

51
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,

52
00:02:30,620 --> 00:02:32,761
ale je to jen něco,
co si musíte zapamatovat.

53
00:02:32,761 --> 00:02:35,375
Můžeme to také zkoušet
a přímo to pak vidět.

54
00:02:35,375 --> 00:02:39,219
Nastavíme výšku pomocí slova „height“
a vidíme,

55
00:02:39,219 --> 00:02:43,228
že je to nastavení výšky
tedy tato dolní levá souřadnice.

56
00:02:44,358 --> 00:02:47,145
Nebo tam můžeme zadat nulu.

57
00:02:47,145 --> 00:02:50,002
Co si myslíte, že se stane?

58
00:02:50,002 --> 00:02:53,391
Teď to vůbec nevidíme,
ale pokud to začneme pomalu zvyšovat,

59
00:02:53,391 --> 00:02:56,326
můžeme si všimnout,
že to tady už vykukuje.

60
00:02:56,326 --> 00:03:01,754
Protože to, co nastavujeme je poloha
spodního levého rohu, ne toho horního.

61
00:03:01,754 --> 00:03:06,468
Dost ale bylo analyzování textu,
pojďme to nyní ještě vylepšovat.

62
00:03:06,468 --> 00:03:08,874
Co třeba kdybychom
chtěli zvětšit tento text?

63
00:03:08,874 --> 00:03:11,345
To můžeme udělat
pomocí "textSize".

64
00:03:11,345 --> 00:03:13,886
Tento příkaz říká programu,
jak velký bude text.

65
00:03:13,886 --> 00:03:16,099
Můžeme zadat třeba „30“
což už je docela velké.

66
00:03:16,099 --> 00:03:17,688
Můžeme to klidně ještě zvětšit.

67
00:03:17,688 --> 00:03:20,397
Nebo to naopak nastavit na opravdu,
opravdu, opravdu malé.

68
00:03:20,397 --> 00:03:23,584
Tak hurá do toho,
nakreslíme sem své jméno.

69
00:03:23,584 --> 00:03:25,787
A možná k tomu přidáme
i malou zprávu o sobě.

70
00:03:25,787 --> 00:03:28,646
Protože neznám vaše jméno,
napíšu sem náhodné jméno.

71
00:03:28,646 --> 00:03:30,871
Můžete si jej však ihned změnit.

72
00:03:30,871 --> 00:03:34,264
Takže použijeme to, co jsme se naučili,
můžeme napsat "text("Sophia...

73
00:03:34,264 --> 00:03:36,157
To je celkem hezké jméno.

74
00:03:36,157 --> 00:03:38,135
A pak pod to dám
nějakou informaci o sobě.

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

76
00:03:43,493 --> 00:03:45,229
Není to teď úplně ideální.

77
00:03:45,229 --> 00:03:48,945
Potřebujeme totiž změnit pozice,
aby se texty nepřekrývaly.

78
00:03:48,945 --> 00:03:51,647
Navíc ta druhá věta
je celkem dlouhá.

79
00:03:51,647 --> 00:03:55,449
Proto si to změním,
aby měl text menší velikost.

80
00:03:56,499 --> 00:03:58,633
A je to,
to už je docela dobré.

81
00:03:58,633 --> 00:04:02,164
Až na to, že je to trochu
nuda mít oba texty modré.

82
00:04:02,164 --> 00:04:04,393
Pojďme tedy změnit
výplň pomocí příkazu "fill".

83
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.

84
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.