AI Games Collection

AI-spelsamling
En samling webbläsarbaserade spel skapade med hjälp av AI-hjälp, med minimala kodändringar. Upplev engagerande spel med ett modernt, responsivt gränssnitt på [jereme.dev/games](https://jereme.dev/games).

🎮 Tillgängliga spel

Nerdle
En nördig twist på det berömda ordspelet. Gissa det dolda "nördiga" ordet på 6 försök.

Rör
Anslut rören för att skapa ett kontinuerligt flöde. Testa dina färdigheter i logiskt tänkande med detta utmanande pusselspel som kräver strategisk planering och rumslig medvetenhet.

Minne
Ett klassiskt kortmatchningsspel som hjälper till att förbättra koncentrationen och återkallningsförmågan. Testa ditt minne genom att hitta matchande kort i denna tidlösa hjärnträningsövning.

Minsvepare
Klassiskt Minesweeper-spel med en modern touch. Rensa brädet utan att träffa några minor i detta strategiska pusselspel.

Orm
Klassiskt ormspel med en modern twist. Ät maten, växt längre och försök att inte slå i väggarna eller dig själv!

Fotboll jonglera
Håll fotbollen i luften så länge som möjligt. Utmana dig själv för att uppnå din högsta jongleringstreak i detta beroendeframkallande skicklighetsbaserade spel.

Kasta vattenring
Testa din skicklighet och tålamod i detta klassiska vattenspel! Använd precision för att landa alla ringar på pinnarna. Hur många kan du göra mål? (Endast mobil)

Vågform
Led partiklar till sina mål genom att forma en våg med frekvens-, amplitud- och faskontroller samtidigt som du undviker hinder i detta unika fysikpussel.

Bubbelpop
Spräng bubblorna innan de flyr! Ett fartfyllt spel med precision och reflexer som håller dig på tårna.

Utbrytning
Slå sönder tegelstenarna, gå upp i nivå och slå ditt högsta betyg! Ett snabbt spel med skicklighet och strategi för alla åldrar.

och mer...

🚀 Funktioner
- Rent, modernt användargränssnitt med ett mörkt tema
- Responsiv design som fungerar på alla enheter
- Smidiga övergångar och animationer
- Enkel navigering mellan spel
- Fullskärmsspelläge med snabb återgång till menyn
- Minimalistisk design fokuserad på spel

🛠️ Tekniska detaljer
Sajten är byggd med:
- HTML5
- CSS3 (med moderna funktioner som CSS Grid och Flexbox)
- Vanilj JavaScript
- SVG-ikoner för spelrepresentationer
- Responsiv iframe-implementering för spelladdning

🎨 Designfunktioner
- Gradient bakgrunder
- Sväva animationer
- Responsiv kortlayout
- Adaptivt avstånd och storlek
– Tillgänglighetshänsyn

📱 Responsiv design
Webbplatsen anpassar sig sömlöst till olika skärmstorlekar:
- Desktop: Full rutnätslayout
- Surfplatta: Anpassade kortstorlekar
- Mobil: En kolumnlayout med optimerat avstånd

🌐 Webbläsarstöd
Fungerar på alla moderna webbläsare inklusive:
- Krom
- Firefox
- Safari
- Kant

📲 Android-app
För Android-användare som föredrar en inbyggd upplevelse:

🐳 Kör lokalt i Docker
Du kan köra spelsamlingen lokalt med Docker på två sätt:

### Alternativ 1: Dra från Docker Hub
1. Dra bilden:
``` bash
docker pull bozodev/ai-game-collection:senaste
```

2. Kör behållaren:
``` bash
docker run -d -p 38008:80 ai-game-collection:senaste
```

Alternativ 2: Bygg lokalt
1. Klona förvaret:
``` bash
git-klon https://github.com/jeremehancock/AI-Game-Collection.git
cd ai-spel-samling
```

2. Bygg Docker-bilden:
``` bash
docker build-t ai-game-collection .
```

3. Kör behållaren:
``` bash
docker run -d -p 38008:80 ai-game-collection
```

Tillgång och hantering
När du har kört med något av alternativen:
- Få åtkomst till spelen genom att öppna din webbläsare och besöka `http://localhost:38008/games/`
- Visa pågående behållare: `docker ps`
- Stoppa behållaren: `docker stop `

🤖 AI-utveckling
Detta projekt visar upp möjligheterna med AI-assisterad utveckling, där alla spel och huvudgränssnittet i första hand byggs med hjälp av AI-verktyg, vilket kräver minimala manuella kodjusteringar.

📈 Framtida utveckling
Kollektionen är designad för att lätt kunna utökas, vilket gör att nya spel kan läggas till samtidigt som konsekvent design och användarupplevelse bibehålls.

---
Skapad med AI-hjälp - demonstrerar potentialen för AI i spelutveckling