«Разработчик веб-игр (начальный уровень)»
Учебный курс повышения квалификации: «Разработчик веб-игр (начальный уровень)»
Структура курса:
Модуль 1: Введение в программирование и веб-технологии (2 недели)
- Уроки:
- Основы JavaScript: переменные, условия, циклы.
- HTML/CSS: создание структуры страницы, стилизация элементов.
- Практика: анимация простых объектов (например, движущийся квадрат).
Модуль 2: Работа с игровым движком (3 недели)
- Уроки:
- Знакомство с Phaser.js: сцены, спрайты, игровой цикл.
- Обработка событий (нажатие клавиш, клики мыши).
- Практика: создание мини-игры «Ловушка для звезд».
Модуль 3: Игровая логика и физика (3 недели)
- Уроки:
- Столкновения, гравитация, скорость объектов.
- Управление состояниями игры (меню, game over).
- Практика: платформер с прыгающим персонажем.
Модуль 4: Дизайн и финальный проект (4 недели)
- Уроки:
- Создание ассетов в графических редакторах.
- Добавление звуковых эффектов и музыки.
- Оптимизация и тестирование игры.
- Практика: разработка финального проекта (индивидуально или в команде).
Итог:
- Защита проектов.
- Обратная связь от преподавателя и одногруппников.
Курс сочетает теорию с практикой, акцентируя внимание на визуальном и творческом аспектах разработки, чтобы увлечь школьников программированием через создание игр.
Что студент будет знать по окончании курса:
1. Основы программирования:
- Синтаксис и логика языка JavaScript.
- Работа с переменными, циклами, условиями, функциями.
- Объектно-ориентированный подход (базовые понятия).
2. Веб-технологии:
- Структура HTML-документа.
- Основы CSS для стилизации элементов.
- Интеграция JavaScript в веб-страницы.
3. Игровые движки и библиотеки:
- Назначение и возможности Phaser.js или аналогов (например, PixiJS).
- Работа с игровыми объектами, спрайтами, анимацией.
4. Принципы игрового дизайна:
- Базовые механики (движение, столкновения, подсчет очков).
- Управление состояниями игры (меню, пауза, завершение).
- Введение в физику игр (гравитация, скорость, трение).
5. Дополнительные инструменты:
- Работа с редакторами кода (например, VS Code).
- Использование простых графических редакторов (Canva, Piskel) для создания ассетов.
Что студент будет уметь по окончании курса:
1. Создавать простые веб-игры:
- Реализовывать базовые механики (перемещение персонажа, сбор предметов).
- Добавлять анимацию, звуки и текстовые подсказки.
- Обрабатывать пользовательский ввод (клавиатура, мышь).
2. Работать с библиотеками и движками:
- Использовать Phaser.js для создания игрового цикла.
- Настроить физику и обработку столкновений.
3. Тестировать и отлаживать код:
- Исправлять ошибки в консоли браузера.
- Оптимизировать производительность игры.
4. Работать с ассетами:
- Создавать или адаптировать графику и звуки для игр.
- Интегрировать их в проект.
5. Представлять проект:
- Оформлять документацию к игре.
- Демонстрировать результат на веб-странице.
Дополнительные материалы:
- Готовые шаблоны кода для быстрого старта.
- Подборка бесплатных ресурсов для загрузки ассетов (OpenGameArt, Freesound).
- Рекомендации по дальнейшему развитию (курсы, книги, сообщества).
Инструменты для обучения:
- Онлайн-песочницы (CodePen, JSFiddle).
- Система контроля версий (GitHub Classroom).
- Облачные IDE (Gitpod, CodeSandbox).