Простая аркадная гонка на чистом HTML, CSS и JavaScript. Без фреймворков, без сборок и зависимостей — просто открыл файл и поехал.
Эта маленькая игра была написана в начале моего пути — на втором курсе колледжа, в 2023 году — по уроку индийского разработчика на YouTube.
Тогда всё начиналось с простого: немного HTML, пара картинок, звук по кругу и большое желание разобраться. Когда у меня получилось повторить то, что делал автор урока, я очень обрадовался — с того момента и начался мой путь. Код был сырой, финишная линия не работала, музыка молчала, а гонка заканчивалась только по таймеру.
Спустя годы я вернулся к этому проекту и доделал то, что когда-то не успел:
- ✅ финиш, до которого реально доехать;
- ✅ работающую музыку;
- ✅ подсчёт очков и попыток;
- ✅ статистику в JSON;
- ✅ сохранение результатов между играми;
- ✅ два режима: «Финиш за 1 мин» и «Набрать очки».
Иконка и логотип игры (icon.png) были скачаны из интернета — это не моя работа.
Подробная история и пояснения — в ABOUT.md.
| Клавиша | Действие |
|---|---|
C |
Начать игру |
← / → |
Рулить |
↑ |
Газ |
↓ |
Тормоз |
M |
Звук вкл/выкл |
E |
Стереть всю статистику |
Esc |
Вернуться на главный экран |
На стартовом экране выбери режим:
- Финиш за 1 мин — держи газ, рули между машинами и жди. Финиш появится на горизонте через минуту. Проиграть нельзя — гонка заканчивается, когда ты пересечёшь финишную линию.
- Набрать очки — соревнование без времени. Ты сам задаёшь цель (например, 10 000 очков) и должен набрать её. Счёт растёт с пройденным расстоянием, а на табло видно, сколько очков осталось.
В обоих режимах проиграть невозможно — игра всегда заканчивается победой.
Каждый заезд записывается в localStorage в виде JSON: дата, результат, время, очки и максимальная скорость. На стартовом экране показывается статистика — попытки, победы, рекорд очков и лучшее время, а кнопка «Скачать статистику (JSON)» сохраняет всё в файл gonki_stats.json.
Просто открой mi game 2.HTML в любом браузере. Всё, что нужно, уже в одной папке — картинки и музыка локальные.
Этот проект лежит на моём GitHub не потому, что он идеальный.
Он здесь, чтобы напоминать мне, с чего я начинал в 2023 году — когда код был корявым, а финиша не было видно. И чтобы показывать, чего можно достичь спустя годы, если не бросать и продолжать учиться.
Маленький старт — это всё ещё старт. 🏁