Первый Canvas: координаты и команды рисования
Рисуем сцену из прямоугольников и круга, разбираем координаты, цвет, размеры холста и перерисовку из данных.
23 сентября 2026
Посмотреть →
Мастерская / Библиотека знаний
Уроки Canvas
Рисуй в браузере, оживляй персонажей и собирай игровые сцены с помощью Canvas и JavaScript.
Игра на телефоне: экранные кнопки и Pointer Events
Добавляем экранные стрелки, независимые касания и захват указателя. Проверяем отпускание за кнопкой, паузу и размер поля.
23 сентября 2026
Посмотреть →
Рисуем кота на Canvas: функции и координаты
Собираем кота из фигур Canvas, привязываем все части к одной точке и рисуем второго героя теми же функциями.
23 сентября 2026
Посмотреть →
Загрузка изображений: Promise, async/await и запасной рисунок
Заменяем рисунок кота локальным SVG, ждём загрузку и продолжаем игру при ошибке. Сначала события, затем Promise и async/await.
23 сентября 2026
Посмотреть →
Уровень как данные: карта из клеток
Превращаем массив строк в стены, старт и предметы: строки, столбцы, вложенный цикл и размер клетки.
23 сентября 2026
Посмотреть →
Столкновения на Canvas: собери предметы и обойди стену
Проверь пересечение прямоугольников и добавь стену. Каждый предмет приносит очки только один раз. Придумай свой предмет с другим эффектом.
23 сентября 2026
Посмотреть →