Kolekce her AI
Kolekce her založených na prohlížeči vytvořených pomocí pomoci umělé inteligence s minimálními úpravami kódu. Zažijte poutavé hraní s moderním, responzivním rozhraním na [jereme.dev/games](https://jereme.dev/games).
🎮 Dostupné hry
Nerdle
Praštěná verze slavné slovní hry. Uhodněte skryté "nerdy" slovo v 6 pokusech.
Trubky
Spojte potrubí, abyste vytvořili nepřetržitý tok. Otestujte si své schopnosti logického myšlení s touto náročnou logickou hrou, která vyžaduje strategické plánování a prostorové povědomí.
Paměť
Klasická karetní hra, která pomáhá zlepšit koncentraci a schopnosti zapamatování. Otestujte si svou paměť hledáním odpovídajících dvojic karet v tomto nadčasovém cvičení pro trénink mozku.
Minolovka
Klasická hra Hledání min s moderním nádechem. V této strategické logické hře vyčistěte hrací plochu bez zasažení min.
Had
Klasická hadí hra s moderním nádechem. Jezte jídlo, vyrůstejte déle a snažte se nenarazit do zdí nebo sebe!
Fotbalový žonglér
Udržujte fotbalový míč ve vzduchu co nejdéle. Vyzvěte se, abyste dosáhli své nejvyšší žonglérské série v této návykové hře založené na dovednostech.
Hod vodním prstenem
Otestujte si své dovednosti a trpělivost v této klasické vodní hře! Pomocí přesnosti přiložte všechny kroužky na kolíky. Kolik můžete skórovat? (pouze mobil)
Průběh
Naveďte částice k jejich cílům tvarováním vlny pomocí ovládání frekvence, amplitudy a fáze a zároveň se vyhýbejte překážkám v této jedinečné fyzikální hádance.
Bubble Pop
Pusťte bubliny, než utečou! Rychlá hra s přesností a reflexy, která vás udrží ve střehu.
Breakout
Rozbijte cihly, zvyšte úroveň a překonejte své nejvyšší skóre! Rychlá dovednostní a strategická hra pro všechny věkové kategorie.
a další...
🚀 Funkce
- Čisté, moderní uživatelské rozhraní s tmavým motivem
- Responzivní design, který funguje na všech zařízeních
- Hladké přechody a animace
- Snadná navigace mezi hrami
- Celoobrazovkový herní režim s rychlým návratem do nabídky
- Minimalistický design zaměřený na hratelnost
🛠️ Technické detaily
Stránka je vytvořena pomocí:
- HTML5
- CSS3 (s moderními funkcemi jako CSS Grid a Flexbox)
- Vanilkový JavaScript
- Ikony SVG pro herní reprezentace
- Responzivní implementace iframe pro načítání hry
🎨 Designové prvky
- Přechodové pozadí
- Animace při najetí myší
- Responzivní rozložení karty
- Adaptivní rozteč a velikost
- Úvahy o přístupnosti
📱 Responzivní design
Stránky se bez problémů přizpůsobí různým velikostem obrazovky:
- Plocha: Rozvržení plné mřížky
- Tablet: Upravené velikosti karet
- Mobilní: Rozvržení jednoho sloupce s optimalizovaným rozestupem
🌐 Podpora prohlížeče
Funguje na všech moderních prohlížečích včetně:
- Chrome
- Firefox
- Safari
- Hrana
📲 Aplikace pro Android
Pro uživatele Androidu, kteří preferují nativní prostředí:
🐳 Spusťte lokálně v Dockeru
Kolekci her můžete spustit lokálně pomocí Dockeru dvěma způsoby:
### Možnost 1: Vytáhněte z Docker Hub
1. Vytáhněte obrázek:
``` bash
docker pull bozodev/ai-game-collection:latest
```
2. Spusťte kontejner:
``` bash
docker run -d -p 38008:80 ai-game-collection:latest
```
Možnost 2: Vytvořte lokálně
1. Klonujte úložiště:
``` bash
git klon https://github.com/jeremehancock/AI-Game-Collection.git
cd ai-game-collection
```
2. Vytvořte obraz Docker:
``` bash
docker build -t ai-game-collection .
```
3. Spusťte kontejner:
``` bash
docker run -d -p 38008:80 ai-game-collection
```
Přístup a správa
Jakmile spustíte některou z možností:
- Získejte přístup ke hrám otevřením prohlížeče a návštěvou `http://localhost:38008/games/`
- Zobrazit běžící kontejnery: `docker ps`
- Zastavte kontejner: `docker stop `
🤖 Vývoj AI
Tento projekt ukazuje možnosti vývoje za pomoci umělé inteligence, přičemž všechny hry a hlavní rozhraní jsou primárně vytvořeny pomocí nástrojů umělé inteligence, které vyžadují minimální ruční úpravy kódu.
📈 Budoucí vývoj
Kolekce je navržena tak, aby byla snadno rozšiřitelná, což umožňuje přidávat nové hry při zachování konzistentního designu a uživatelského zážitku.
---
Vytvořeno s pomocí AI – Ukázka potenciálu AI při vývoji her
Datum aktualizace
1. 1. 2025