Уроки · Практика · Свои проекты
Обучение программированию через создание игр
Изучай код на практике: от первых строк и простых правил до своей игры в браузере.
С нуля · В своём темпе · Без регистрации
- HTML & CSS
- JavaScript
- Canvas
Зажми и удерживай точку
Это настоящая мини-игра. Попробуй прямо здесь.
01 / Понятный маршрут
От первой сцены до первого релиза
Каждый новый навык сразу становится частью игры. Начинай с основ или возвращайся к нужной теме.
- 01
Создай сцену
HTML и CSS: структура, оформление и интерфейс твоего первого проекта.
HTML & CSS - 02
Добавь правила
Переменные, условия и события: игра реагирует на действия игрока.
JavaScript - 03
Оживи игровой мир
Рисование, движение и столкновения в собственном игровом цикле.
Canvas - 04
Выпусти игру
Собери законченный проект и подготовь его к первой публикации.
Первый релиз
02 / Учебные проекты
Игры, которые ты сделаешь сам
Камень, ножницы, бумага
События, случайный выбор и условия победы — в первой законченной игре.
Игровая логикаНайди пару
Карточки, массивы и проверка совпадений. Учись управлять состоянием игры.
JavaScript & DOMПобег из лабиринта
Управляй персонажем, находи ключ и добирайся до выхода. Собери всё вместе.
Canvas & управлениеВ уроках — разбор кода и рабочие демо. Можно сначала поиграть, а потом разобраться, как всё устроено.
03 / Обучение в своём темпе
Меньше абстракций.
Больше работающего кода.
Подойдёт, если ты только начинаешь или уже знаешь немного HTML и JavaScript, но хочешь перейти к своим проектам.
Для старта нужны компьютер, браузер и редактор кода. Игровой движок пока не понадобится.
- 01
Разбери одну идею
Короткий урок объясняет конкретную задачу: от кнопки до движения героя.
- 02
Напиши и запусти
Повтори пример, проверь результат в браузере и найди связь между кодом и игрой.
- 03
Измени что-нибудь своё
Добавь правило, эффект или новый уровень. Так пример становится твоим проектом.
04 / Библиотека знаний
Открой тему, которая нужна сейчас
HTML & CSS
Структура и оформление
- Пробуждение кода: история с двумя исходами
- CSS для игры: делаем историю читаемой
- Ветвление истории: сцены, файлы и собственная концовка
JavaScript
Логика и интерактивность
- Three.js для новичков: как делать 3D в браузере на JavaScript
- Игровой цикл на JavaScript: двигаем героя и ставим игру на паузу
- Обработка касания в Construct 3 на TypeScript: пошаговый разбор
Создание игр
Практика от начала до конца
- Поймай квадрат: случайные координаты и партия на время
- Игра «Память»: ищем пары карточек
- Камень, ножницы, бумага: переводим правила в код
Перед стартом
Остались вопросы?
Подойдёт, если я никогда не писал код?
Да. Начни с карты трека: там собраны основы HTML, CSS и JavaScript, а затем — игровые проекты. Материалы можно проходить в своём темпе и перечитывать.
Обязательно ли покупать книгу?
Нет. Бесплатный маршрут доступен без регистрации. Книга — дополнительный формат для тех, кому удобнее последовательное чтение.
Можно ли учиться с телефона?
С телефона удобно читать уроки и пробовать игры с сенсорным управлением. Для написания кода и отладки пригодится компьютер с браузером и редактором.
Что делать после первых мини-игр?
Доведи одну игру до публикации, затем переходи к Phaser и более сложным проектам. Основы JavaScript и работа с игровым циклом помогут двигаться дальше.
Бесплатный курс · С нуля до публикации
Создай свою игру на JavaScript
Освой программирование на практике: от первой кнопки до игры, которой можно поделиться.