Kolekcia hier AI
Zbierka hier založených na prehliadači vytvorených pomocou pomoci AI s minimálnymi úpravami kódu. Zažite pútavú hru s moderným, responzívnym rozhraním na [jereme.dev/games](https://jereme.dev/games).
🎮 Dostupné hry
Nerdle
Nerdský twist na slávnu slovnú hračku. Uhádnite skryté „nerdy“ slovo za 6 pokusov.
Rúry
Pripojte potrubia, aby ste vytvorili nepretržitý tok. Otestujte si svoje logické myslenie v tejto náročnej logickej hre, ktorá si vyžaduje strategické plánovanie a priestorové povedomie.
pamäť
Klasická hra na porovnávanie kariet, ktorá pomáha zlepšovať koncentráciu a schopnosť zapamätať si. Otestujte si svoju pamäť nájdením zhodných párov kariet v tomto nadčasovom cvičení na trénovanie mozgu.
Hľadanie mín
Klasická hra Minesweeper s moderným nádychom. Vyčistite hraciu plochu bez toho, aby ste narazili na míny v tejto strategickej logickej hre.
Had
Klasická hra had s moderným nádychom. Jedzte jedlo, vyrastajte dlhšie a snažte sa nenaraziť do stien alebo seba!
Futbalový žonglér
Udržujte futbalovú loptu vo vzduchu čo najdlhšie. Vyzvite sa, aby ste dosiahli svoj najvyšší žonglérsky rad v tejto návykovej hre založenej na zručnostiach.
Hod vodou prsteňom
Otestujte si svoju zručnosť a trpezlivosť v tejto klasickej vodnej hre! Použite presnosť na priloženie všetkých krúžkov na kolíky. Koľko dokážete skórovať? (iba mobil)
Tvar vlny
Nasmerujte častice k ich cieľom tvarovaním vlny pomocou ovládania frekvencie, amplitúdy a fázy a zároveň sa vyhýbajte prekážkam v tejto jedinečnej fyzikálnej hádanke.
Bubble Pop
Vybuchnite bubliny skôr, ako utečú! Rýchla hra presnosti a reflexov, ktorá vás udrží v strehu.
Breakout
Rozbíjajte tehly, zvyšujte úroveň a prekonajte svoje najvyššie skóre! Rýchla hra zručností a stratégie pre všetky vekové kategórie.
a viac...
🚀 Vlastnosti
- Čisté, moderné používateľské rozhranie s tmavou témou
- Responzívny dizajn, ktorý funguje na všetkých zariadeniach
- Hladké prechody a animácie
- Jednoduchá navigácia medzi hrami
- Herný režim na celú obrazovku s rýchlym návratom do ponuky
- Minimalistický dizajn zameraný na hrateľnosť
🛠️ Technické detaily
Stránka je vytvorená pomocou:
- HTML5
- CSS3 (s modernými funkciami ako CSS Grid a Flexbox)
- Vanilkový JavaScript
- Ikony SVG pre reprezentácie hier
- Responzívna implementácia iframe pre načítanie hry
🎨 Dizajnové prvky
- Prechodové pozadie
- Animácie po prenesení
- Responzívne rozloženie kariet
- Adaptívne rozstupy a veľkosti
- Úvahy o dostupnosti
📱 Responzívny dizajn
Stránka sa bez problémov prispôsobí rôznym veľkostiam obrazovky:
- Pracovná plocha: Úplné rozloženie mriežky
- Tablet: Upravené veľkosti kariet
- Mobilné: Rozloženie s jedným stĺpcom s optimalizovaným rozostupom
🌐 Podpora prehliadača
Funguje na všetkých moderných prehliadačoch vrátane:
- Chrome
- Firefox
- Safari
- Okraj
📲 Aplikácia pre Android
Pre používateľov systému Android, ktorí uprednostňujú natívne prostredie:
🐳 Spustite lokálne v Dockeri
Zbierku hier môžete spustiť lokálne pomocou Dockera dvoma spôsobmi:
### Možnosť 1: Vytiahnite z Docker Hub
1. Potiahnite obrázok:
``` bash
docker vytiahnuť bozodev/ai-game-collection:najnovšie
```
2. Spustite kontajner:
``` bash
docker run -d -p 38008:80 ai-game-collection:najnovšie
```
Možnosť 2: Vytvoriť lokálne
1. Klonujte úložisko:
``` bash
git klon https://github.com/jeremehancock/AI-Game-Collection.git
cd ai-game-collection
```
2. Vytvorte obraz Docker:
``` bash
docker build -t ai-game-collection .
```
3. Spustite kontajner:
``` bash
docker run -d -p 38008:80 ai-game-collection
```
Prístup a správa
Po spustení s niektorou z možností:
- Získajte prístup k hrám otvorením prehliadača a návštevou stránky `http://localhost:38008/games/`
- Zobraziť spustené kontajnery: `docker ps`
- Zastavte kontajner: `docker stop `
🤖 Vývoj AI
Tento projekt ukazuje možnosti vývoja podporovaného AI, pričom všetky hry a hlavné rozhranie sú primárne vytvorené pomocou nástrojov AI, čo si vyžaduje minimálne manuálne úpravy kódu.
📈 Budúci vývoj
Kolekcia je navrhnutá tak, aby bola ľahko rozšíriteľná, čo umožňuje pridávanie nových hier pri zachovaní konzistentného dizajnu a používateľského zážitku.
---
Vytvorené s pomocou AI – demonštruje potenciál AI pri vývoji hier