WEBVTT

00:00:02.518 --> 00:00:03.908
Abyste mohli své obrázky
nádherně vybarvit,

00:00:03.908 --> 00:00:06.528
potřebujete k tomu umět
tři věci.

00:00:06.528 --> 00:00:08.559
Začneme s vybarvováním
pozadí.

00:00:08.559 --> 00:00:11.870
Napište jen background(

00:00:11.870 --> 00:00:13.892
a zbytek řádku se doplní
sám.

00:00:13.892 --> 00:00:16.448
Když se na to podíváme
podrobněji

00:00:16.448 --> 00:00:19.074
uvidíme, že jde vlastně o funkci


00:00:19.074 --> 00:00:22.235
se jménem background,

00:00:22.235 --> 00:00:24.778
která má tři parametry,
uvnitř těch závorek.

00:00:25.018 --> 00:00:29.782
Paremetry představují
množství červené, zelené a modré

00:00:29.782 --> 00:00:31.226
použíté na pozadí obrázku.

00:00:31.236 --> 00:00:34.792
Parametr může mít hodnotu
od 0 do 255.

00:00:35.142 --> 00:00:37.393
Nula znamená, že tahle barva
není použitá,

00:00:37.393 --> 00:00:39.797
kdežto 255 znamená, že je použito
maximum barvy.

00:00:39.857 --> 00:00:42.973
Teďka třeba používáme maximum
červené a žádnou zelenou nebo modrou.

00:00:43.073 --> 00:00:45.050
Proto je pozadí tak sytě červené.

00:00:45.102 --> 00:00:48.078
Pokud bude první hodnota
nižší, znamená to míň červené,

00:00:48.248 --> 00:00:49.752
takže barva bude trochu tmavší.

00:00:49.752 --> 00:00:51.242
Můžu si s čísly trochu pohrát

00:00:51.242 --> 00:00:53.068
a sledovat jaká barva 
z toho vzejde.

00:00:53.148 --> 00:00:56.144
Můžu taky použít tenhle
fajnový color picker,

00:00:56.204 --> 00:00:58.942
který za mně doplní 
hodnoty proměnných.

00:00:59.552 --> 00:01:00.671
Důležité je si uvědomit,

00:01:00.671 --> 00:01:02.980
že funkce background vlastně

00:01:03.030 --> 00:01:06.100
jen kresí velký barevný 
čtverec přes celé plátno.

00:01:06.370 --> 00:01:08.765
Kdybych zkopírovala tenhle
kód na konec mého programu,

00:01:08.765 --> 00:01:11.590
zakrylo by to všechny ostatní 
tvary na plátně.

00:01:12.165 --> 00:01:13.730
Možná vás napadlo
"Proč by takovou blbost

00:01:13.730 --> 00:01:14.715
někdo dělal?",

00:01:14.715 --> 00:01:16.530
ale nikdy nevíte , kdy se
to může hodit.

00:01:16.770 --> 00:01:18.610
My to ale vrátíme zpátky
na začátek.

00:01:19.250 --> 00:01:20.669
Začněme vybarvovat objetky!

00:01:20.819 --> 00:01:22.306
Dejme tomu, že počítač má

00:01:22.306 --> 00:01:24.313
sekretářu, která se stará o barvy

00:01:24.313 --> 00:01:27.000
nebo osobního sluhu na
barvy.

00:01:27.000 --> 00:01:29.357
Prostě někoho kdo to fakt
umí s barvama.

00:01:29.547 --> 00:01:34.347
A tenhle někdo má v jedné
ruce fixu

00:01:34.752 --> 00:01:39.079
a v druhé kyblík s barvou.

00:01:39.209 --> 00:01:42.513
Fixa je na kreslení 
obrysů

00:01:42.513 --> 00:01:44.550
a kyblík s barvou je na
vyplnění těch obrysů.

00:01:44.550 --> 00:01:47.269
Fixa je teď černá a barva
v kyblíku je bílá.

00:01:47.499 --> 00:01:49.060
Barva fixky se dá změnit

00:01:49.060 --> 00:01:51.531
zavoláním funkce
stroke,

00:01:51.531 --> 00:01:53.045
která se taky doplní
sama

00:01:53.045 --> 00:01:55.409
a můžete vybrat barvu.

00:01:55.979 --> 00:02:00.230
Barva fixy se tak změní
a od teď se touhle

00:02:00.230 --> 00:02:02.180
budou kreslit všechny obrysy.

00:02:02.320 --> 00:02:04.950
Někdy ale nechcete, aby
byly obrysy vidět.

00:02:05.010 --> 00:02:06.544
I na tolhe tu máme funkci!

00:02:06.544 --> 00:02:10.175
Říká se jí noStroke
a je to pro nás

00:02:10.175 --> 00:02:12.686
první funkce bez
parametrů.

00:02:12.686 --> 00:02:15.192
Je to prostě název
nasledovaný prazdnýma závorkama

00:02:15.192 --> 00:02:17.073
a středníkem.

00:02:17.373 --> 00:02:19.361
A vidíte, že obrysy
zmizely.

00:02:19.623 --> 00:02:22.890
Můžeme taky změnit barvu
v kyblíku

00:02:22.890 --> 00:02:24.904
pomocí funkce Fill.

00:02:25.748 --> 00:02:27.689
A od tohle místa budou
všechny tvary

00:02:27.689 --> 00:02:30.171
vybarvené červenou
barvou.

00:02:30.171 --> 00:02:35.938
Tak jako máme funkci noStroke,
máme i noFill,

00:02:35.938 --> 00:02:38.667
která je taky bezparametrická
a dělá naše

00:02:38.667 --> 00:02:41.843
objekty průhledné - nemají
barevnou výplň.

00:02:41.843 --> 00:02:44.127
Pojďme konečně vybarvit
tohohle panáčka.

00:02:44.127 --> 00:02:47.392
Nejprve nakreslíme trojúhleník
pro jeho tělo.

00:02:47.392 --> 00:02:49.259
Vyberu barvu,
ať máme obrys.

00:02:49.869 --> 00:02:54.846
Tak třebas…
tmavě zelená.

00:02:56.246 --> 00:02:58.407
Teď vybereme
barvu výplně.

00:02:58.757 --> 00:03:02.241
Jaká by se hodila? Zkusím
světlejší odstín zelené.

00:03:02.241 --> 00:03:04.475
Ještě světlejší.
Jo takhle je to dobrý.

00:03:04.965 --> 00:03:07.547
Nechceme aby jeho obličej
měl zelený obrys,

00:03:07.547 --> 00:03:10.189
takže změním barvu fixy.

00:03:12.899 --> 00:03:17.802
Vyberu nějaký hnědý
odstín.

00:03:18.262 --> 00:03:19.767
Zvolím barvu výplně.

00:03:19.767 --> 00:03:20.942
Ops !

00:03:21.202 --> 00:03:24.777
Jakou barvu pro obličej?
Hmm…

00:03:25.217 --> 00:03:29.343
Jo tohle vypadá jako barva
obličeje.

00:03:30.033 --> 00:03:33.104
Tyhle dva řádky představují elipsy,
tedy jeho ruce.

00:03:33.214 --> 00:03:35.651
Chci aby ruce měly stejnou
barvou jako obličej.

00:03:35.801 --> 00:03:37.269
Takže barvu fixky 
ani výplně

00:03:37.269 --> 00:03:38.507
měnit nebudeme.

00:03:38.507 --> 00:03:40.837
Necháme je tak jak jsou

00:03:40.837 --> 00:03:42.250
a zaměříme se na jeho pusu.

00:03:42.460 --> 00:03:44.891
To je vlastně jen tahle
čára

00:03:46.551 --> 00:03:50.592
a ty nemají žádnou výplň.

00:03:50.672 --> 00:03:53.153
Můžeme změnit jen barvu
téhle čáry.

00:03:54.063 --> 00:03:56.156
Červená je v tomhle případě
ideální.

00:03:56.246 --> 00:03:57.814
Teďka obroučky jeho
brýlí.

00:03:57.834 --> 00:04:00.005
Zase jsou to jen čáry,
takže žádná výplň.

00:04:00.085 --> 00:04:01.748
Jaká by byla dobrá barva
pro brýle?

00:04:01.838 --> 00:04:03.683
Černá je celkem obvyklá.

00:04:03.793 --> 00:04:07.724
U skel jeho brýlí chci,

00:04:07.814 --> 00:04:11.465
aby jejich obrys měl stejnou barvu
jako obroučky.

00:04:11.465 --> 00:04:14.796
Barvu obrysu nechám tak,
ale změním barevnou výplň.

00:04:17.126 --> 00:04:20.032
Dáme černou, ať to
k sobě hezky sedí.

00:04:20.032 --> 00:04:22.487
A je to, panáček
je pěkně vybarvený!

00:04:22.877 --> 00:04:26.070
Super !