Zobrazenie zdroja stránky Rýchlokurz micro:bit/02 Animácia

<!-- Názov stránky: Rýchlokurz micro:bit/02 Animácia -->
[[Rýchlokurz micro:bit/01 Výpis na displej|← Predchádzajúca lekcia]] | '''[[Rýchlokurz micro:bit|⌂ Obsah kurzu]]''' | [[Rýchlokurz micro:bit/03 Premenná|Nasledujúca lekcia →]]

== Čo sa naučíte ==
* nakresliť vlastný obrázok,
* vytvoriť animáciu zo striedajúcich sa obrázkov,
* čo je '''nekonečný cyklus''' a prečo ho majú takmer všetky programy pre mikrokontroléry.

== Vysvetlenie: cyklus ==

Animácia je rýchle striedanie obrázkov, presne ako vo filme. Keby sme chceli, aby smajlík žmurkal stále dookola, museli by sme príkazy ''zobraz – počkaj – zobraz – počkaj'' napísať nekonečne veľakrát. Namiesto toho použijeme '''cyklus''' (anglicky ''loop''): konštrukciu, ktorá opakuje skupinu príkazov. Príkazy vnútri cyklu sa nazývajú '''telo cyklu'''.

Blok '''forever''' je '''nekonečný cyklus''': jeho telo sa vykoná, a keď program príde na koniec, pokračuje znova od začiatku tela, a tak stále dookola, kým micro:bit nevypnete.

Na počítači program po skončení práce skončí a vráti riadenie operačnému systému. Mikrokontrolér však žiadny operačný systém, ktorému by mohol „vrátiť slovo“, nemá. Jeho úlohou je väčšinou nepretržite niečo sledovať a riadiť, napr. merať teplotu a zapínať kúrenie. Preto majú takmer všetky programy pre mikrokontroléry rovnakú stavbu:

# '''príprava''' – vykoná sa raz po zapnutí (blok ''on start''),
# '''hlavná slučka''' – opakuje sa donekonečna (blok ''forever'').

Túto stavbu uvidíte aj v iných systémoch, napr. v prostredí Arduino sa tieto dve časti volajú <code>setup()</code> a <code>loop()</code>.

== Program: žmurkajúci smajlík ==

Otvorený smajlík je medzi hotovými ikonami, ale žmurkajúci nie. Ten si nakreslíme sami pomocou bloku '''show leds''' (kategória ''Basic''), v ktorom klikaním rozsvecujete a zhasínate jednotlivé LED.

<gallery heights=200px mode="packed">
Súbor:Microbit-Kurz02.png|''Program v blokoch...''
Súbor:Microbit-Kurz02Run.png|''...a jeho beh v simulátore''
</gallery>

<tabs>
<tab name="JavaScript"><syntaxhighlight lang="javascript">
basic.forever(function () {
    basic.showIcon(IconNames.Happy)
    basic.pause(1000)
    basic.showLeds(`
        . . . . .
        . # . . .
        . . . . .
        # . . . #
        . # # # .
        `)
    basic.pause(200)
})
</syntaxhighlight></tab>
<tab name="Python"><syntaxhighlight lang="python">
def on_forever():
    basic.show_icon(IconNames.HAPPY)
    basic.pause(1000)
    basic.show_leds("""
        . . . . .
        . # . . .
        . . . . .
        # . . . #
        . # # # .
        """)
    basic.pause(200)
basic.forever(on_forever)
</syntaxhighlight></tab>
</tabs>

== Ako to funguje ==

Vlastný obrázok sa v textovom zápise kreslí priamo znakmi: <code>#</code> znamená rozsvietenú LED, <code>.</code> zhasnutú. Päť riadkov po päť znakov presne zodpovedá displeju.

Smajlík svieti 1 sekundu s otvorenými očami a 0,2 sekundy žmurká. Potom sa telo cyklu začne znova. Skutočné časy sú o niečo dlhšie, pretože bloky ''show icon'' a ''show leds'' samy po zobrazení chvíľu počkajú (približne 0,4 – 0,6 s). Na presné časovanie sa preto nespoliehajte.

'''Odsadenie''' (medzery na začiatku riadkov) ukazuje, ktoré príkazy patria do tela cyklu. V JavaScripte je telo navyše uzavreté v zložených zátvorkách <code>{ }</code> a odsadenie slúži len na lepšiu čitateľnosť. V Pythone zátvorky nie sú a '''odsadenie je povinné''': práve ono určuje, čo je vnútri cyklu. V blokoch to isté vyjadruje to, že bloky sú vložené do „čeľustí“ bloku ''forever''.

Možno vás zarazí, že v Pythone je <code>def on_forever():</code> a v JavaScripte <code>function ()</code>. Takto sa zapisuje '''funkcia''', teda pomenovaná skupina príkazov, ktorá sa vykoná neskôr. Posledný riadok <code>basic.forever(on_forever)</code> hovorí: „túto skupinu príkazov opakuj stále dookola“. Funkciám sa budeme podrobnejšie venovať v lekcii o tlačidlách. Zatiaľ stačí vedieť, že celý obsah funkcie tvorí telo cyklu.

== Časté chyby ==
* '''Chýbajúca pauza.''' Bez pauzy sa obrázky striedajú tak rýchlo, že ich oko nerozlíši.
* '''Program je v ''on start'' namiesto vo ''forever''.''' Animácia potom prebehne len raz.
* '''Zlé odsadenie v Pythone.''' Príkaz, ktorý nie je odsadený, už nepatrí do tela cyklu.

== Úlohy ==
# Zmeňte časy tak, aby smajlík žmurkal pomaly a „ospalo“.
# Nakreslite animáciu tlčúceho srdca: striedajte ikony ''Heart'' a ''Small Heart''.
# Vytvorte animáciu aspoň zo štyroch vlastných obrázkov, napr. otáčajúcu sa čiaru ( | / — \ ) alebo panáčika, ktorý máva.
# Do bloku ''on start'' pridajte príkaz, ktorý pred začiatkom animácie raz zobrazí text „START“. Uvedomte si, prečo sa zobrazí len raz.

[[Rýchlokurz micro:bit/01 Výpis na displej|← Predchádzajúca lekcia]] | '''[[Rýchlokurz micro:bit|⌂ Obsah kurzu]]''' | [[Rýchlokurz micro:bit/03 Premenná|Nasledujúca lekcia →]]

[[Category:Rýchlokurz micro:bit]]