IntroToDrawingFixed

Začneme programovat.

Nejdříve si ukážeme, jak
nakreslit základní geometrické obrazce.

Ale nebojte se,
ani se nenadějete

a vaše tvary budou
poletovat po obrazovce,

měnit barvy a dělat
spoustu dalších drsných triků.

Tak to nevzdávejte!

Pro začátek nakreslíme obdélník.

Napíšeme rect, od slova
rectangle, obdélník

potom ( a čtyři čísla,
10, 20, 100, 200--

hned vysvětlim, co
ta čísla znamenají--

teď napište ) a na konec
řádku ještě ;

Hop, a je tu obdélník!

Protože nám to šlo
tak krásně, uděláme to ještě jednou

Tentokrát s jinými čísly.

Nejdřív větší,
(300, 240,

a na konci potom menší,
10, 20);

a koukej, malý obdélník!

Když zmenšíme
tohle první číslo,

začne se posunovat.

Když tohle poslední číslo
zvětšíme a pak zmenšíme,

tak se obdélník nejdřív zvětšuje
a potom zase zmenšuje.

Zajímavé!

Teď se asi ptáte, jak
to všechno funguje.

Představte si to takhle. Váš počítač

je jako velmi
pracovitý a poslušný pes.

Poslušnému psovi můžete říct
sedni, lehni, možná udělej pac.

Musíte mu dát povel.

Takže v programu,
jak byste řekli počítači sedni?

No, museli byste napsat

jméno příkazu, takže sedni,
anglicky sit,

a za to ()

čímž říkáte, že je to
příkaz, a ne něco jiného,

a nakonec ; který
ukončuje příkazy,

znamená něco jako "A to je vše."

Váš počítač si hned nato sedne.
Ne, nesedne.

Váš počítač (prohlížeč s otevřenou
stránkou Khanovy školy) není pes,

takže si nesedne,
ani vám nedá pac,

ale může třeba kreslit
obdélníky, když řeknete rect,

což je taky dobré, že?

To je přesně to,
co na tomhle řádku děláme.

Když dáme povel rect,
což není nic než jméno povelu,

a nezapomenema na ( a ),

což značí "udělej to",

a na konec řádku napšíeme ;.

Váš počítač provede
to co po něm rect chce.

Takže teď se ještě jednou vrátíme
k našemu rect.

Jméno příkazu je tady,
za ním jsou závorky,

ale co ta čísla v závorkách?

Ty tam jsou proto, že

říct jenom rect nestačí.

Představte si,
že bych vám dala kus papíru

a řekla "namaluj mi
obdélkník

přesně tak
jak ho chci mít".

Pokud mi to
neumíte vyčíst z očí,

budete se muset
na pár věcí zeptat.

Nejdřív vás asi bude zajímat,

"Kde mám obdélník nakresit?"

No a já vám na to řeknu

"Domluvme se, že

levý kraj vašeho papíru,
který jste dostali

má souřadnici nula

a pravý kraj bude mít
souřadnici 400."

Teď vám můžu říct číslo,
třeba 100,

a vy budete vědět, že
to značí v první čtvrtinu, někde tady,

zhruba.

To vás na chvíli uspokojí,
ale pak si pomyslíte,

"Dobře, teď vím jak daleko odleva,
jenže jak daleko odshora?"

No a já vám dám další číslo,
například 200,

a zase řeknu "Horní okraj
bude 0,

a dolní okraj zase 400."

Takže vy si pomyslíte,

"200, to je uprostřed, takže
někde tady."

No a teď si můžete říct

"Super, nakreslím obdélník
přesně tady,

protože je to 100 dílků zleva
a 200 dílků shora."

Jenže to stále nestačí,
protože co ještě nevíte?

Přesně tak,
"Jak má být ten obdélník velký?"

A já řeknu
"Udělej ho 150 jednotek široký"

A ty si řekneš,
"Tady je 100, na kraji je 400,

takže 150, obdélník
bude končit někde tady"

No a teď si pomysíš
"Fajn, tak bude mít šířku 150"

No a pak se zptáš
"Jak má být vysoký?"

Já na to odpovím,
"moc ne, jen 50"

No a ty si řekneš, "Tak jo,
takže někam po sem."

A teď si řekneš "Konečně
už vím všechno.

Vím, kde chceš mít svůj
obdélník

a taky jak velký má být,

takže můžu začít kreslit"

To je spousta informací,
po jeden obdélník, co?

Ale když ta čtyři čísla
máte--

vzpomeň si, že jsme řekli
100 zleva, 200 shora,

150 široký a 50 vysoký--

tak máte vše co potřebujete

abyste věděli,
jak ten obdélník vypadá.

Počítač to potřebuje vědět taky.

Když napíšete jméno příkazu,
jak jsme řekli dříve,

potom napíšete ( a
ta čtyři čísla,

100, 200, 150, 50

a na konec ) a ;

Tak vám počítač nakreslí
obdélník přesně kde jste si řekli.

Upřímně, musím uznat, že

to asi není to místo,
kde chcete mít obdélník.

Tam jsme ho nenakreslili, že?

Takže musíme čísla trochu změnit.

Uděláme to teď, aby byl tam,
kde ho chceme mít.

Tohle změníme, aby byl trochu
víc támhle

Trochu míň nahoru a dolů

trochu užší,
možná ne tak vysoký.

A teď máme obdélník
víceméně na místě,

protože rozumíme tomu,
co každé z těch 4 čísel značí,

a umíme je změnit,
abychom dostali, co chceme.

Teď se zamyslíme nad dalším
obdélníkem.

Protože teď umíme

nakreslit obdélník kdekoli.

Co třeba tady v tomhle
horním rohu,

až tady nahoře?

Zamysleme se,
jaké to jsou souřadnice.

Řekla bych, že je to 0 zleva a 0 shora,

a mohl by být malý,
třeba jen 50 široký

a třeba jen 40 vysoký,
takový malý obdélník.

Teď to stačí jen sepsat.

Napíšeme rect,

a argumenty oddělujeme čárkami , , ,

takže zkusíme napsat
"Alright, cool"

Což vede na tuto
chybovou hlášku, která říká

"Ale ne, zdá se, že vám tam chybí )"

A my na to řekneme "No jo, fakt."

Takže ji tam dáme,
a teď už je to vpořádku, nebo ne?

Ne, protože,
jak nám říká další zpráva,

chybí nám tam středník.

Což je pravda.
Můžeme klepnout na "Ukaž mi kde"

a ukáže se nám,
že je to na tomto řádku

Pamatujte si

"Středníky jsou jako
tečky za větou

kterými ukončujeme řádky
a tady jsme na to zapomněli!:

Takže není nic snažšího, než
tam středník napsat. Vše je vpořádku.

Koukej, máme malý obdélník
přesně tam, jde jsme chtěli.

Jako před tím,
můžeme si ho trochu zvětšit,

můžeme ho někam posunout,

a můžeme si ho dát přesně
tam, kde ho chceme.

Tak a teď víte
přesně jak příkaz rect funguje.

Vysvětlili jsme si,
co znamenají ta čísla,

a že musíte vždy napsat
jméno příkazu, závorky,

čárky mezi čísly v závorkách
a na konec napíšete středník.

Je toho hodně,

musíte si to vyzkoušet
a zažijete si to.

Příště se naučíme,
jak kreslit další tvary,

a potom budeme dělat
opravdu úžasné věci,

jako barvičky a jak je
nechat létat po obrazovce.