Sandbox · Level 2 · Medium · 15-30 minut
🎮 Přidej vlastní hru do arcade
V tvém arcade je 5 her, který jsem ti postavil k narozeninám. Teď přidej šestou — vlastní. Tohle je výzva, kde uvidíš, jak Claude umí stavět celou novou featuru.
🎯 Cíl
Postavit jednoduchou hru a přidat ji do arcade hubu. Můžeš si vybrat jakou. Návrhy v pořadí obtížnosti:
| Hra | Obtížnost |
|---|---|
| Tic-Tac-Toe (piškvorky) vs. AI | 🟢 snadné |
| Reaction game (klikni jakmile se rozsvítí) | 🟢 snadné |
| Pong (klasický) | 🟡 střední |
| Tetris | 🔴 těžké |
| Něco vlastního — vymysli | ?? |
📝 Co řekni Claude — krok 1: postavit hru
V Claude Code napiš:
> Chci přidat novou hru do arcade — Tic-Tac-Toe (piškvorky)
> proti počítači. Hra ať vypadá podobně jako moje ostatní hry
> v arcade (např. snake/index.html jako vzor). Postav ji
> v nové složce arcade/games/tictactoe/.
Claude se rozhlédne po existujících hrách (snake, dino-run...) aby pochopil styl a strukturu. Pak postaví novou hru. Bude to chvíli trvat — počkej.
📝 Krok 2: zaregistrovat hru v arcade hubu
Když je hra hotová, řekni:
> Přidej kartu téhle hry do arcade/index.html, aby byla vidět v přehledu.
Claude otevře arcade hub a přidá novou kartu. Šablona je už tam — Claude jen udělá kopii a vyplní novou hru.
🔍 Ověř lokálně
- Otevři
arcade/index.htmlv prohlížeči - Měla by tam být tvoje hra jako 6. karta
- Klikni na ni → měla by se otevřít a dát se hrát
Pokud něco nefunguje: Napiš Claude přesně, co vidíš.
Třeba „Otevřu arcade/index.html, ale moje nová karta tam není"
nebo „Hra se otevře, ale po kliknutí na pole se nic nestane."
Claude se podívá a opraví to.
🚀 Deploy
> Nahraj to na adamlunak.cz
Hotovo. Pošli kamarádovi adamlunak.cz/arcade/games/tictactoe/ a ať si zahraje.
💡 Tipy pro lepší výsledek
- Když má hra AI protihráče, řekni Claude: „AI ať není dokonalá — občas udělá chybu, ať se to dá vyhrát."
- Přidej hodit highscore: „Ulož nejlepší skóre do localStorage jako u ostatních her."
- Přidej zvuk: „Přidej zvuk klikání pomocí Web Audio API, jednoduchý beep."
- Mobile-friendly: „Zajisti, ať to fungue i na mobilu."
✅ Hotovo? Co sis odnesl
- Víš, jak je arcade strukturované (jeden hub + složky her)
- Vidíš, jak Claude umí stavět celou featuru — ne jen měnit drobnosti
- Máš v arcade vlastní hru
- Můžeš teď přidávat další hry pořád dokola