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.