🕹️ ИГРОТЕКА

15 мини-игр на чистом JavaScript. Неоновый hub, два языка, рекорды, звук — и ни одной зависимости.

Язык / Language: Русский · English

---

🎮 Играть

Онлайн — откройте xispx.github.io/Igroteka и выберите игру.

Локально — скачайте репозиторий и откройте index.html двойным кликом: проект работает без сервера и без сборки. При желании можно поднять локальный сервер:

python -m http.server 8000
# → http://localhost:8000

✨ Что внутри

🗂 Единый hub	Все 15 игр на одной главной: разделы, описания, рекорды прямо на карточках
🌐 Два языка	Русский и английский — переключатель на главной, выбор запоминается
🌗 Неоновая тема	Тёмный фон, светящиеся акценты, плавные анимации — свой дизайн без фреймворков
🏆 Рекорды	localStorage отдельно для каждой игры: очки, ходы, победы, время
🔊 Звук	Синтезируется на Web Audio API — ни одного аудиофайла, выключается клавишей M
📜 Правила	В каждой игре есть экран правил с полным описанием управления
📱 Адаптивность	Клавиатура, мышь и свайпы; авто-пауза при сворачивании вкладки

🖼 Скриншоты

Змейка	Тетрис	2048

🎯 Каталог игр

Классика

Игра	Описание	Особенности
🐍 Змейка	Собирай яблоки, лови золотые бонусы и не укуси себя	3 режима · комбо
🧱 Тетрис	Укладывай падающие фигуры и собирай линии	стакан 10×20
🎯 2048	Соединяй плитки с одинаковыми числами до 2048	отмена хода
💣 Сапёр	Открывай поле и разминируй все мины на время	3 сложности
🕹️ Арканоид	Разбивай блоки шаром, ловь бонусы и держи удар	бонусы · мультишар

Аркада

Игра	Описание	Особенности
🐦 Flappy	Пролетай между трубами — одно касание, один взмах	один клик
🏓 Понг	Дуэль с ракетками — обыграй ИИ до 7 очков	против ИИ
🦖 Дино	Беги по пустыне, прыгай через кактусы, пригибайся под птицами	раннер
🚀 Астероиды	Пилотируй корабль с физикой инерции и разбивай камни	волны

Логика и настольные

Игра	Описание	Особенности
🔢 Пятнашки	Расставь фишки по порядку за минимум ходов	головоломка
⭕ Крестики	Победи непобедимый ИИ — или сыграй с ним вничью	против ИИ
⚫ Реверси	Зажимай фишки ИИ, переворачивай их и захватывай доску	против ИИ

Реакция и навыки

Игра	Описание	Особенности
🃏 Пара	Найди все пары одинаковых карточек, запоминая позиции	память
🔨 Кроты	30 секунд, чтобы прихлопнуть как можно больше кротов	реакция
🎵 Мелодия	Запоминай и повторяй растущую последовательность нот	память · звук

🧩 Архитектура

index.html            — главная страница (4 раздела, 15 карточек)
css/common.css        — общая тема: шапка, HUD, оверлеи, кнопки
css/hub.css           — стили главной страницы
js/audio.js           — звуковой движок на Web Audio API
js/rules.js           — кнопка и оверлей «Правила»
js/hub.js             — рекорды на карточках главной
js/i18n.js            — переключатель RU/EN и автоперевод интерфейса
js/lang-en.js         — английский словарь
games/<имя>/          — папка игры: index.html + css/style.css + js/game.js

Русский — исходный язык интерфейса: строки в разметке русские, а js/lang-en.js содержит их английские пары. Перевод применяется к DOM автоматически — включая оверлеи, которые игры создают во время работы. Каждая игра самостоятельная: своя разметка и стили, общий только звук (js/audio.js), правила (js/rules.js) и рекорды для главной (js/hub.js).

🛠 Технологии

• HTML5 Canvas — вся графика рисуется кодом, спрайтов и картинок нет
• Web Audio API — звуки синтезируются на лету
• localStorage — рекорды и настройки
• Ноль зависимостей, ноль сборки, ноль запросов в сеть

📄 Лицензия

MIT — играйте, изучайте и забирайте себе.