1
00:00:02,518 --> 00:00:03,908
Abyste mohli své obrázky
nádherně vybarvit,

2
00:00:03,908 --> 00:00:06,528
potřebujete k tomu umět
tři věci.

3
00:00:06,528 --> 00:00:08,559
Začneme s vybarvováním
pozadí.

4
00:00:08,559 --> 00:00:11,870
Napište jen background(

5
00:00:11,870 --> 00:00:13,892
a zbytek řádku se doplní
sám.

6
00:00:13,892 --> 00:00:16,448
Když se na to podíváme
podrobněji

7
00:00:16,448 --> 00:00:19,074
uvidíme, že jde vlastně o funkci


8
00:00:19,074 --> 00:00:22,235
se jménem background,

9
00:00:22,235 --> 00:00:24,778
která má tři parametry,
uvnitř těch závorek.

10
00:00:25,018 --> 00:00:29,782
Paremetry představují
množství červené, zelené a modré

11
00:00:29,782 --> 00:00:31,226
použíté na pozadí obrázku.

12
00:00:31,236 --> 00:00:34,792
Parametr může mít hodnotu
od 0 do 255.

13
00:00:35,142 --> 00:00:37,393
Nula znamená, že tahle barva
není použitá,

14
00:00:37,393 --> 00:00:39,797
kdežto 255 znamená, že je použito
maximum barvy.

15
00:00:39,857 --> 00:00:42,973
Teďka třeba používáme maximum
červené a žádnou zelenou nebo modrou.

16
00:00:43,073 --> 00:00:45,050
Proto je pozadí tak sytě červené.

17
00:00:45,102 --> 00:00:48,078
Pokud bude první hodnota
nižší, znamená to míň červené,

18
00:00:48,248 --> 00:00:49,752
takže barva bude trochu tmavší.

19
00:00:49,752 --> 00:00:51,242
Můžu si s čísly trochu pohrát

20
00:00:51,242 --> 00:00:53,068
a sledovat jaká barva 
z toho vzejde.

21
00:00:53,148 --> 00:00:56,144
Můžu taky použít tenhle
fajnový color picker,

22
00:00:56,204 --> 00:00:58,942
který za mně doplní 
hodnoty proměnných.

23
00:00:59,552 --> 00:01:00,671
Důležité je si uvědomit,

24
00:01:00,671 --> 00:01:02,980
že funkce background vlastně

25
00:01:03,030 --> 00:01:06,100
jen kresí velký barevný 
čtverec přes celé plátno.

26
00:01:06,370 --> 00:01:08,765
Kdybych zkopírovala tenhle
kód na konec mého programu,

27
00:01:08,765 --> 00:01:11,590
zakrylo by to všechny ostatní 
tvary na plátně.

28
00:01:12,165 --> 00:01:13,730
Možná vás napadlo
"Proč by takovou blbost

29
00:01:13,730 --> 00:01:14,715
někdo dělal?",

30
00:01:14,715 --> 00:01:16,530
ale nikdy nevíte , kdy se
to může hodit.

31
00:01:16,770 --> 00:01:18,610
My to ale vrátíme zpátky
na začátek.

32
00:01:19,250 --> 00:01:20,669
Začněme vybarvovat objetky!

33
00:01:20,819 --> 00:01:22,306
Dejme tomu, že počítač má

34
00:01:22,306 --> 00:01:24,313
sekretářu, která se stará o barvy

35
00:01:24,313 --> 00:01:27,000
nebo osobního sluhu na
barvy.

36
00:01:27,000 --> 00:01:29,357
Prostě někoho kdo to fakt
umí s barvama.

37
00:01:29,547 --> 00:01:34,347
A tenhle někdo má v jedné
ruce fixu

38
00:01:34,752 --> 00:01:39,079
a v druhé kyblík s barvou.

39
00:01:39,209 --> 00:01:42,513
Fixa je na kreslení 
obrysů

40
00:01:42,513 --> 00:01:44,550
a kyblík s barvou je na
vyplnění těch obrysů.

41
00:01:44,550 --> 00:01:47,269
Fixa je teď černá a barva
v kyblíku je bílá.

42
00:01:47,499 --> 00:01:49,060
Barva fixky se dá změnit

43
00:01:49,060 --> 00:01:51,531
zavoláním funkce
stroke,

44
00:01:51,531 --> 00:01:53,045
která se taky doplní
sama

45
00:01:53,045 --> 00:01:55,409
a můžete vybrat barvu.

46
00:01:55,979 --> 00:02:00,230
Barva fixy se tak změní
a od teď se touhle

47
00:02:00,230 --> 00:02:02,180
budou kreslit všechny obrysy.

48
00:02:02,320 --> 00:02:04,950
Někdy ale nechcete, aby
byly obrysy vidět.

49
00:02:05,010 --> 00:02:06,544
I na tolhe tu máme funkci!

50
00:02:06,544 --> 00:02:10,175
Říká se jí noStroke
a je to pro nás

51
00:02:10,175 --> 00:02:12,686
první funkce bez
parametrů.

52
00:02:12,686 --> 00:02:15,192
Je to prostě název
nasledovaný prazdnýma závorkama

53
00:02:15,192 --> 00:02:17,073
a středníkem.

54
00:02:17,373 --> 00:02:19,361
A vidíte, že obrysy
zmizely.

55
00:02:19,623 --> 00:02:22,890
Můžeme taky změnit barvu
v kyblíku

56
00:02:22,890 --> 00:02:24,904
pomocí funkce Fill.

57
00:02:25,748 --> 00:02:27,689
A od tohle místa budou
všechny tvary

58
00:02:27,689 --> 00:02:30,171
vybarvené červenou
barvou.

59
00:02:30,171 --> 00:02:35,938
Tak jako máme funkci noStroke,
máme i noFill,

60
00:02:35,938 --> 00:02:38,667
která je taky bezparametrická
a dělá naše

61
00:02:38,667 --> 00:02:41,843
objekty průhledné - nemají
barevnou výplň.

62
00:02:41,843 --> 00:02:44,127
Pojďme konečně vybarvit
tohohle panáčka.

63
00:02:44,127 --> 00:02:47,392
Nejprve nakreslíme trojúhleník
pro jeho tělo.

64
00:02:47,392 --> 00:02:49,259
Vyberu barvu,
ať máme obrys.

65
00:02:49,869 --> 00:02:54,846
Tak třebas…
tmavě zelená.

66
00:02:56,246 --> 00:02:58,407
Teď vybereme
barvu výplně.

67
00:02:58,757 --> 00:03:02,241
Jaká by se hodila? Zkusím
světlejší odstín zelené.

68
00:03:02,241 --> 00:03:04,475
Ještě světlejší.
Jo takhle je to dobrý.

69
00:03:04,965 --> 00:03:07,547
Nechceme aby jeho obličej
měl zelený obrys,

70
00:03:07,547 --> 00:03:10,189
takže změním barvu fixy.

71
00:03:12,899 --> 00:03:17,802
Vyberu nějaký hnědý
odstín.

72
00:03:18,262 --> 00:03:19,767
Zvolím barvu výplně.

73
00:03:19,767 --> 00:03:20,942
Ops !

74
00:03:21,202 --> 00:03:24,777
Jakou barvu pro obličej?
Hmm…

75
00:03:25,217 --> 00:03:29,343
Jo tohle vypadá jako barva
obličeje.

76
00:03:30,033 --> 00:03:33,104
Tyhle dva řádky představují elipsy,
tedy jeho ruce.

77
00:03:33,214 --> 00:03:35,651
Chci aby ruce měly stejnou
barvou jako obličej.

78
00:03:35,801 --> 00:03:37,269
Takže barvu fixky 
ani výplně

79
00:03:37,269 --> 00:03:38,507
měnit nebudeme.

80
00:03:38,507 --> 00:03:40,837
Necháme je tak jak jsou

81
00:03:40,837 --> 00:03:42,250
a zaměříme se na jeho pusu.

82
00:03:42,460 --> 00:03:44,891
To je vlastně jen tahle
čára

83
00:03:46,551 --> 00:03:50,592
a ty nemají žádnou výplň.

84
00:03:50,672 --> 00:03:53,153
Můžeme změnit jen barvu
téhle čáry.

85
00:03:54,063 --> 00:03:56,156
Červená je v tomhle případě
ideální.

86
00:03:56,246 --> 00:03:57,814
Teďka obroučky jeho
brýlí.

87
00:03:57,834 --> 00:04:00,005
Zase jsou to jen čáry,
takže žádná výplň.

88
00:04:00,085 --> 00:04:01,748
Jaká by byla dobrá barva
pro brýle?

89
00:04:01,838 --> 00:04:03,683
Černá je celkem obvyklá.

90
00:04:03,793 --> 00:04:07,724
U skel jeho brýlí chci,

91
00:04:07,814 --> 00:04:11,465
aby jejich obrys měl stejnou barvu
jako obroučky.

92
00:04:11,465 --> 00:04:14,796
Barvu obrysu nechám tak,
ale změním barevnou výplň.

93
00:04:17,126 --> 00:04:20,032
Dáme černou, ať to
k sobě hezky sedí.

94
00:04:20,032 --> 00:04:22,487
A je to, panáček
je pěkně vybarvený!

95
00:04:22,877 --> 00:04:26,070
Super !