Колекція ігор AI
Колекція браузерних ігор, створених за допомогою штучного інтелекту, з мінімальними змінами коду. Спробуйте захоплюючий ігровий процес із сучасним адаптивним інтерфейсом на [jereme.dev/games](https://jereme.dev/games).
🎮 Доступні ігри
Nerdle
Ботанічний поворот у відомій грі слів. Вгадайте приховане слово "ботанік" із 6 спроб.
Труби
З’єднайте труби, щоб створити безперервний потік. Перевірте свої навички логічного мислення за допомогою цієї складної гри-головоломки, яка потребує стратегічного планування та просторового усвідомлення.
Пам'ять
Класична гра зі з’єднанням карток, яка допомагає покращити концентрацію та здатність запам’ятовувати. Перевірте свою пам’ять, знаходячи відповідні пари карток у цій позачасовій вправі для тренування мозку.
Тральщик
Класична гра Minesweeper із сучасним відтінком. У цій стратегічній грі-головоломці очистіть поле, не потрапляючи на міни.
Змія
Класична гра зі змією в сучасному стилі. Їж їжу, рости довше і намагайся не бити стіни чи себе!
Футбольне жонглювання
Тримайте футбольний м'яч у повітрі якомога довше. Випробуйте себе, щоб досягти найвищої серії жонглювання в цій захоплюючій грі, заснованій на навичках.
Підкидання кільця з води
Перевір свою майстерність і терпіння в цій класичній водній грі! Використовуйте точність, щоб посадити всі кільця на кілочки. Скільки можна забити? (Тільки для мобільних пристроїв)
Форма хвилі
Направляйте частинки до їхніх цілей, формуючи хвилю за допомогою частоти, амплітуди та фази, уникаючи перешкод у цій унікальній фізичній головоломці.
Пузир
Лопайте бульбашки, перш ніж вони втечуть! Швидка гра на точність і рефлекси, яка триматиме вас напоготові.
Прорив
Розбивайте цеглини, переходьте на рівень і побийте свій рекорд! Швидка гра на вміння та стратегію для будь-якого віку.
і більше...
🚀 Особливості
- Чистий, сучасний інтерфейс користувача з темною темою
- Адаптивний дизайн, який працює на всіх пристроях
- Плавні переходи та анімація
- Зручна навігація між іграми
- Повноекранний режим гри зі швидким поверненням до меню
- Мінімалістичний дизайн, зосереджений на геймплеї
🛠️ Технічні деталі
Сайт побудований з використанням:
- HTML5
- CSS3 (із сучасними функціями, такими як CSS Grid і Flexbox)
- Vanilla JavaScript
— Піктограми SVG для відображення ігор
— Чуйна реалізація iframe для завантаження гри
🎨 Особливості дизайну
- Градієнтні фони
- Анімація при наведенні
- Чуйний макет картки
- Адаптивний інтервал і розмір
- міркування щодо доступності
📱 Адаптивний дизайн
Сайт плавно адаптується до різних розмірів екрана:
- Робочий стіл: повна сітка
- Планшет: налаштовані розміри карток
- Мобільний: макет одного стовпця з оптимізованим інтервалом
🌐 Підтримка браузера
Працює у всіх сучасних браузерах, включаючи:
- Chrome
- Firefox
- Сафарі
- Край
📲 Додаток для Android
Для користувачів Android, які віддають перевагу нативному досвіду:
🐳 Запустіть локально в Docker
Ви можете запустити колекцію ігор локально за допомогою Docker двома способами:
### Варіант 1: отримати з Docker Hub
1. Витягніть зображення:
```баш
docker pull bozodev/ai-game-collection:latest
```
2. Запустіть контейнер:
```баш
docker run -d -p 38008:80 ai-game-collection:latest
```
Варіант 2: Створення локально
1. Клонуйте репозиторій:
```баш
git клон https://github.com/jeremehancock/AI-Game-Collection.git
cd ai-колекція ігор
```
2. Створіть образ Docker:
```баш
docker build -t ai-game-collection.
```
3. Запустіть контейнер:
```баш
docker run -d -p 38008:80 ai-game-collection
```
Доступ і управління
Після запуску з будь-яким із варіантів:
- Отримайте доступ до ігор, відкривши свій браузер і відвідавши `http://localhost:38008/games/`
- Перегляд запущених контейнерів: `docker ps`
- Зупинка контейнера: `docker stop `
🤖 Розробка ШІ
Цей проект демонструє можливості розробки за допомогою штучного інтелекту, причому всі ігри та основний інтерфейс в основному створюються за допомогою інструментів штучного інтелекту, що вимагає мінімального налаштування коду вручну.
📈 Майбутній розвиток
Колекція розроблена таким чином, щоб її можна було легко розширювати, дозволяючи додавати нові ігри, зберігаючи незмінний дизайн і взаємодію з користувачем.
---
Створено за допомогою штучного інтелекту – демонстрація потенціалу штучного інтелекту в розробці ігор