Abyste mohli své obrázky
nádherně vybarvit,

potřebujete k tomu umět
tři věci.

Začneme s vybarvováním
pozadí.

Napište jen background(

a zbytek řádku se doplní
sám.

Když se na to podíváme
podrobněji

uvidíme, že jde vlastně o funkci

se jménem background,

která má tři parametry,
uvnitř těch závorek.

Paremetry představují
množství červené, zelené a modré

použíté na pozadí obrázku.

Parametr může mít hodnotu
od 0 do 255.

Nula znamená, že tahle barva
není použitá,

kdežto 255 znamená, že je použito
maximum barvy.

Teďka třeba používáme maximum
červené a žádnou zelenou nebo modrou.

Proto je pozadí tak sytě červené.

Pokud bude první hodnota
nižší, znamená to míň červené,

takže barva bude trochu tmavší.

Můžu si s čísly trochu pohrát

a sledovat jaká barva 
z toho vzejde.

Můžu taky použít tenhle
fajnový color picker,

který za mně doplní 
hodnoty proměnných.

Důležité je si uvědomit,

že funkce background vlastně

jen kresí velký barevný 
čtverec přes celé plátno.

Kdybych zkopírovala tenhle
kód na konec mého programu,

zakrylo by to všechny ostatní 
tvary na plátně.

Možná vás napadlo
"Proč by takovou blbost

někdo dělal?",

ale nikdy nevíte , kdy se
to může hodit.

My to ale vrátíme zpátky
na začátek.

Začněme vybarvovat objetky!

Dejme tomu, že počítač má

sekretářu, která se stará o barvy

nebo osobního sluhu na
barvy.

Prostě někoho kdo to fakt
umí s barvama.

A tenhle někdo má v jedné
ruce fixu

a v druhé kyblík s barvou.

Fixa je na kreslení 
obrysů

a kyblík s barvou je na
vyplnění těch obrysů.

Fixa je teď černá a barva
v kyblíku je bílá.

Barva fixky se dá změnit

zavoláním funkce
stroke,

která se taky doplní
sama

a můžete vybrat barvu.

Barva fixy se tak změní
a od teď se touhle

budou kreslit všechny obrysy.

Někdy ale nechcete, aby
byly obrysy vidět.

I na tolhe tu máme funkci!

Říká se jí noStroke
a je to pro nás

první funkce bez
parametrů.

Je to prostě název
nasledovaný prazdnýma závorkama

a středníkem.

A vidíte, že obrysy
zmizely.

Můžeme taky změnit barvu
v kyblíku

pomocí funkce Fill.

A od tohle místa budou
všechny tvary

vybarvené červenou
barvou.

Tak jako máme funkci noStroke,
máme i noFill,

která je taky bezparametrická
a dělá naše

objekty průhledné - nemají
barevnou výplň.

Pojďme konečně vybarvit
tohohle panáčka.

Nejprve nakreslíme trojúhleník
pro jeho tělo.

Vyberu barvu,
ať máme obrys.

Tak třebas…
tmavě zelená.

Teď vybereme
barvu výplně.

Jaká by se hodila? Zkusím
světlejší odstín zelené.

Ještě světlejší.
Jo takhle je to dobrý.

Nechceme aby jeho obličej
měl zelený obrys,

takže změním barvu fixy.

Vyberu nějaký hnědý
odstín.

Zvolím barvu výplně.

Ops !

Jakou barvu pro obličej?
Hmm…

Jo tohle vypadá jako barva
obličeje.

Tyhle dva řádky představují elipsy,
tedy jeho ruce.

Chci aby ruce měly stejnou
barvou jako obličej.

Takže barvu fixky 
ani výplně

měnit nebudeme.

Necháme je tak jak jsou

a zaměříme se na jeho pusu.

To je vlastně jen tahle
čára

a ty nemají žádnou výplň.

Můžeme změnit jen barvu
téhle čáry.

Červená je v tomhle případě
ideální.

Teďka obroučky jeho
brýlí.

Zase jsou to jen čáry,
takže žádná výplň.

Jaká by byla dobrá barva
pro brýle?

Černá je celkem obvyklá.

U skel jeho brýlí chci,

aby jejich obrys měl stejnou barvu
jako obroučky.

Barvu obrysu nechám tak,
ale změním barevnou výplň.

Dáme černou, ať to
k sobě hezky sedí.

A je to, panáček
je pěkně vybarvený!

Super !