Runner
Dino
Прыжок, препятствия, очки, лучший результат и простые игровые сущности.
← Все проекты
01
02
Учебный архив · JavaScript / Canvas · 2022
Старый учебный проект · восстановлен для live demo
The-Game
Две небольшие браузерные игры, на которых я когда-то изучал Canvas и игровой цикл.Этот проект не выдаётся за пример моей текущей архитектуры. Это сохранённая работа 2022 года: ранний Dino-runner и ещё более ранний Breakout. В 2026 году я не стал переписывать их с нуля, а убрал самые заметные технические проблемы, вернул обе игры в live demo и привёл интерфейс к одному виду.
2 игры
Vanilla JS
Canvas API
GitHub Pages
Arcade
Breakout
Платформа, мяч, кирпичи, столкновения и управление мышью или клавиатурой.
Контекст
Не showcase современной архитектуры, а снимок процесса обучения
Старые учебные проекты полезны именно своей честностью: по ним видно, какие задачи я решал раньше, где допускал лишнюю работу и как сегодня подошёл бы к той же задаче иначе.
Оригинальный код сохранён узнаваемым
Никакого переноса на React, TypeScript или игровой движок. Это всё ещё небольшой vanilla JS / Canvas-проект.
Исправлены реальные технические огрехи
Счёт больше не зависит от FPS, таймеры корректно останавливаются, аудио переиспользуется, а игровой цикл запускается и завершается явно.
Возвращён забытый Breakout
В репозитории сохранилась вторая игра, но она больше не запускалась. Теперь обе механики доступны с общего стартового экрана.
Live demo остаётся статическим
Игры не требуют backend и работают непосредственно в браузере через GitHub Pages — как и подобает такому учебному эксперименту.
Что внутри
Два этапа одного учебного проекта
Обе игры теперь оформлены как одна небольшая коллекция с общей оболочкой, но каждая сохраняет собственную механику.
Dino
Runner: пробел запускает прыжок, препятствия появляются с псевдослучайным интервалом, результат хранится в sessionStorage.
Breakout
Классическая Canvas-аркада: мяч, платформа, кирпичи, жизни, столкновения и управление стрелками или указателем.