You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
2.1 KiB
45 lines
2.1 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "c40a698395ee5102715f7880bba3f2e7",
|
|
"translation_date": "2025-08-27T22:25:14+00:00",
|
|
"source_file": "6-space-game/README.md",
|
|
"language_code": "sk"
|
|
}
|
|
-->
|
|
# Vytvorenie vesmírnej hry
|
|
|
|
Vesmírna hra na učenie pokročilejších základov JavaScriptu
|
|
|
|
V tejto lekcii sa naučíte, ako si vytvoriť vlastnú vesmírnu hru. Ak ste niekedy hrali hru "Space Invaders", táto hra má podobný koncept: riadiť vesmírnu loď a strieľať na príšery, ktoré prichádzajú zhora. Takto bude vyzerať hotová hra:
|
|
|
|
|
|
|
|
V týchto šiestich lekciách sa naučíte nasledovné:
|
|
|
|
- **Interakcia** s prvkom Canvas na kreslenie vecí na obrazovku
|
|
- **Pochopenie** karteziánskeho súradnicového systému
|
|
- **Osvojenie** vzoru Pub-Sub na vytvorenie zvukovej hernej architektúry, ktorá je jednoduchšia na údržbu a rozšírenie
|
|
- **Využitie** Async/Await na načítanie herných zdrojov
|
|
- **Spracovanie** udalostí klávesnice
|
|
|
|
## Prehľad
|
|
|
|
- Teória
|
|
- [Úvod do tvorby hier s JavaScriptom](1-introduction/README.md)
|
|
- Prax
|
|
- [Kreslenie na canvas](2-drawing-to-canvas/README.md)
|
|
- [Pohyb prvkov po obrazovke](3-moving-elements-around/README.md)
|
|
- [Detekcia kolízií](4-collision-detection/README.md)
|
|
- [Počítanie skóre](5-keeping-score/README.md)
|
|
- [Ukončenie a reštartovanie hry](6-end-condition/README.md)
|
|
|
|
## Poďakovanie
|
|
|
|
Použité zdroje pochádzajú z https://www.kenney.nl/.
|
|
Ak vás baví tvorba hier, tieto zdroje sú naozaj skvelé, veľa z nich je zadarmo a niektoré sú platené.
|
|
|
|
---
|
|
|
|
**Upozornenie**:
|
|
Tento dokument bol preložený pomocou služby AI prekladu [Co-op Translator](https://github.com/Azure/co-op-translator). Aj keď sa snažíme o presnosť, prosím, berte na vedomie, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Pôvodný dokument v jeho pôvodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za akékoľvek nedorozumenia alebo nesprávne interpretácie vyplývajúce z použitia tohto prekladu. |