|
|
<!--
|
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
|
{
|
|
|
"original_hash": "c40a698395ee5102715f7880bba3f2e7",
|
|
|
"translation_date": "2025-08-28T03:52:21+00:00",
|
|
|
"source_file": "6-space-game/README.md",
|
|
|
"language_code": "cs"
|
|
|
}
|
|
|
-->
|
|
|
# Vytvořte vesmírnou hru
|
|
|
|
|
|
Vesmírná hra pro výuku pokročilejších základů JavaScriptu
|
|
|
|
|
|
V této lekci se naučíte, jak vytvořit vlastní vesmírnou hru. Pokud jste někdy hráli hru "Space Invaders", tato hra má stejný princip: ovládat vesmírnou loď a střílet na příšery, které přicházejí shora. Takto bude vypadat hotová hra:
|
|
|
|
|
|
|
|
|
|
|
|
V těchto šesti lekcích se naučíte následující:
|
|
|
|
|
|
- **Interakce** s prvkem Canvas pro kreslení na obrazovku
|
|
|
- **Porozumění** kartézskému souřadnicovému systému
|
|
|
- **Osvojení** vzoru Pub-Sub pro vytvoření kvalitní herní architektury, která je snadno udržovatelná a rozšiřitelná
|
|
|
- **Využití** Async/Await pro načítání herních zdrojů
|
|
|
- **Zpracování** událostí klávesnice
|
|
|
|
|
|
## Přehled
|
|
|
|
|
|
- Teorie
|
|
|
- [Úvod do tvorby her s JavaScriptem](1-introduction/README.md)
|
|
|
- Praxe
|
|
|
- [Kreslení na canvas](2-drawing-to-canvas/README.md)
|
|
|
- [Pohyb prvků po obrazovce](3-moving-elements-around/README.md)
|
|
|
- [Detekce kolizí](4-collision-detection/README.md)
|
|
|
- [Počítání skóre](5-keeping-score/README.md)
|
|
|
- [Ukončení a restartování hry](6-end-condition/README.md)
|
|
|
|
|
|
## Poděkování
|
|
|
|
|
|
Použité zdroje pocházejí z https://www.kenney.nl/.
|
|
|
Pokud vás baví tvorba her, jedná se o opravdu skvělé zdroje – mnoho z nich je zdarma, některé jsou placené.
|
|
|
|
|
|
---
|
|
|
|
|
|
**Prohlášení**:
|
|
|
Tento dokument byl přeložen pomocí služby pro automatický překlad [Co-op Translator](https://github.com/Azure/co-op-translator). Ačkoli se snažíme o přesnost, mějte prosím na paměti, že automatické překlady mohou obsahovat chyby nebo nepřesnosti. Původní dokument v jeho původním jazyce by měl být považován za autoritativní zdroj. Pro důležité informace doporučujeme profesionální lidský překlad. Neodpovídáme za žádné nedorozumění nebo nesprávné interpretace vyplývající z použití tohoto překladu. |
