TechLab - Laboratórium budúcnosti
- Laboratórium budúcnosti
- Naše vybavenie
- 1. MICROBIT-BLOCKLY
- 2. JOYSTICKBIT-BLOCKLY
- 3. MAKECODE ARCADE
- 4. SCULPFUN LASER
- Linux – Rýchlokurz
- 5. DOBOT MAGICIAN - PYTHON + LINUX
- 6. XGO ROBOTICKÝ PES - BLOCKLY
- 7. CUTEBOT - AUTONÓMNE VOZIDLO
- 8a. Joystick:bit – Rozšírenie – Lekcia 1
- 8b. Joystick:bit – Rozšírenie – Lekcia 2
- 8c. Joystick:bit – Rozšírenie – Lekcia 3
- 8d. Joystick:bit – Rozšírenie – Lekcia 4
- 8e. Joystick:bit – Rozšírenie – Lekcia 5
3. MAKECODE ARCADE
MakeCode Arcade – Tvorba hier
Trvanie: 90 minút
Vek: 10–15 rokov
Potrebné vybavenie: Notebook s pripojením na internet
Software: MakeCode Arcade – otvor v prehliadači: arcade.makecode.com
Predchádzajúce znalosti: žiadne (výhodou je základná znalosť MakeCode z micro:bitu)
Čo sa naučíš
- Ako funguje herná slučka (game loop)
- Čo je sprite a ako ho ovládaš
- Ako nakresliť pozadie a tilemapa
- Ako pridať kolízie, skóre a herné udalosti
- Ako postupovať v samostúdiu podľa oficiálnych tutoriálov
Ako funguje MakeCode Arcade – prečítaj si pred začatím
MakeCode Arcade je herný engine priamo v prehliadači. Hry píšeš v blokoch (alebo v JavaScripte/Pythone ak chceš).
Hotová hra beží:
- V simulátore priamo v prehliadači (hneď vidíš výsledok)
- Na fyzických zariadeniach (Meowbit, PyGamer, atď.) – ak nejaké máme
Základné pojmy:
- Sprite – pohyblivý objekt v hre (hráč, nepriateľ, projektil, predmet)
- Tilemap – mapa z dlaždíc – tvorí svet hry (zem, steny, plošiny)
- Game loop – hra neustále opakuje: snímaj vstup → aktualizuj stav → vykresli
- Udalosť (event) – niečo sa stalo (kolízia, stlačenie tlačidla, čas vypršal)
Krok 1 – Prvý sprite a pohyb
Cieľ: Vytvoriť postavu a ovládať ju šípkami.
Postup:
- Otvor arcade.makecode.com → klikni Nový projekt
- Z kategórie Sprites pretiahni blok:
nastav mySprite na sprite [ ] druh Player - Klikni na šedý štvorček – otvorí sa editor pixelov. Nakresli si jednoduchú postavičku (16×16 pixelov)
- Z kategórie Controller vlož:
pohybuj mySprite šípkami rýchlosť 100 - Spusti simulátor (hrací štvorček vpravo) – postava sa pohybuje
Čo sa deje:
- Blok
pohybuj šípkamiautomaticky sleduje stlačenie tlačidiel a mení polohu sprite - Sprite môže vyísť za okraj – to opravíme
Oprav okraj:
- Z kategórie Sprites vlož:
nastav mySprite zostať na obrazovke ZAP
Krok 2 – Pozadie a tilemap
Cieľ: Nakresliť herné prostredie.
Varianta A – jednoduché farebné pozadie:
- Z kategórie Scene vlož do
pri spustení:nastav pozadie farba [vyber farbu]
Varianta B – tilemap (odporúčané):
- Z kategórie Scene vlož blok
nastav tilemap - Klikni na tlačidlo dlaždíc – otvorí sa editor tilemapa
- V editore:
- Vľavo vidíš paletu dlaždíc – nakresli si vlastné alebo použi zabudované
- Pravým tlačidlom myši označ dlaždice ako stena (Wall) – postavička do nich narazí
- Nakresli jednoduchý level: zem dole, niekoľko plošín
💡 Tilemap automaticky nastavuje kameru – keď je väčší ako obrazovka, kamera sleduje hráča.
Krok 3 – Zbieranie predmetov a skóre
Cieľ: Pridať predmety ktoré hráč zbiera, zobraziť skóre.
Postup:
- Vytvor nový sprite pre predmet:
nastav minca na sprite [nakresli minci] druh Foodnastav minca pozícia x náhodné(10, 150) y náhodné(10, 110) - Z kategórie Sprites → Overlaps vlož:
pri prekrytí mySprite druhu Player s minca druhu Food - Do tohto bloku vlož:
zničiť mincazmeniť skóre o 1
Automatické generovanie mincí:
- Z kategórie Game →
pri aktualizácii každých 2000ms - Vlož vytvorenie novej mince s náhodnou pozíciou
Zobraziť skóre:
- Skóre sa zobrazuje automaticky v rohu obrazovky
- Z kategórie Info môžeš nastaviť
nastav skóre 0na začiatku
Krok 4 – Nepriateľ a game over
Cieľ: Pridať nepriateľa, ktorý hráča prenasleduje. Pri dotyku – koniec hry.
Postup:
- Vytvor sprite nepriateľa: druh
Enemy - Z kategórie Sprites použi blok
sledovať mySprite rýchlosť 30– nepriateľ ťa prenasleduje - Vlož udalosť prekrytia:
pri prekrytí mySprite druhu Player s nepriateľ druhu Enemy - Dovnútra vlož:
hra koniec PREHRAL
Vyskúšaj navyše:
- Pridaj viac nepriateľov pomocou
pri aktualizácii každých 3000ms– každé 3 sekundy sa objaví nový - Pridaj životy:
nastav životy 3→ pri dotykuzmeniť životy o -1
Krok 5 – Samoštúdium podľa tutoriálov
Cieľ: Vyber si projekt ktorý ťa zaujíma a dokonči ho podľa návodu.
Kde nájdeš tutoriály:
- Na hlavnej stránke arcade.makecode.com klikni na Tutoriály
- Kategórie:
- Beginner – Chicken, Chase the Pizza, Maze Walker
- Intermediate – Platformer, Space Shooter
- Advanced – vlastné enginy, fyzika
Odporúčané pre začiatočníkov:
- Chase the Pizza – jednoduchý zbierač, hotový za 15 minút
- Chicken – bočný pohľad, skákanie
- Maze Walker – bludiská, pohyb v 4 smeroch
Čo robiť ak si uviazol:
- Klikni na nápovedu (otazník) v bloku
- Prezri si kód v záložke JavaScript – bloky a kód sú to isté
- Skús zmeniť čísla a pozri čo sa stane – to je programovanie
Bonusová výzva – vlastná hra od nuly
Ak si rýchly a chceš viac – skús navrhnúť vlastnú hru:
- Vymysli koncept – čo hráč robí? Čo je cieľ? Čo mu hrozí?
- Implementuj základy za 10 minút (hráč + pohyb)
- Pridaj mechaniku (zbieranie, strieľanie, skákanie)
- Pridaj koniec (skóre, game over, víťazstvo)
💡 Každá dobrá hra má jasné pravidlá: cieľ (čo chceš dosiahnuť) + hrozba (čo ti v tom bráni) + odmena (čo dostaneš za úspech).
Zhrnutie – čo si sa naučil
Pojem Čo to je Sprite Pohyblivý objekt v hre Druh (Kind) Kategória sprite (Player, Enemy, Food...) Tilemap Mapa z dlaždíc, tvorí svet Kolízia (Overlap) Čo sa stane keď sa dva sprite dotknú Game loop Hra neustále opakuje aktualizáciu Skóre / Životy Herné počítadlá z kategórie Info
Ďalší krok
- Skús exportovať hru a zdieľať ju – MakeCode Arcade generuje link na zdieľanie
- Vyskúšaj prepnúť do JavaScript zobrazenia – uvidíš kód za blokmi
- Ak ťa zaujíma fyzický hardvér – opýtaj sa na Meowbit alebo PyGamer