Создание веб-игры с помощью ИИ
Курс 2
Освоение инструментов ИИ и создание веб-версии собственной игры: разработка правил, игрового интерфейса, тестирование и публикация готового проекта.
О чем этот курс?
Веб-игра запускается в браузере и позволяет взаимодействовать с игровыми объектами на экране. Программа выполняет часть действий, которые в настольной игре участники совершают самостоятельно: перемещает компоненты, подсчитывает очки, проверяет выполнение условий. Перенос игры в цифровую среду требует переосмысления управления, визуального оформления и способов объяснения правил.На курсе обучающиеся создадут веб-игру. Адаптируют механику для браузера, продумают устройство игровых экранов и подготовят собственные графические материалы. Освоят постановку задач ИИ-помощнику для создания программного кода, научатся последовательно уточнять результат и проверять его соответствие авторскому замыслу. Интерфейс разрабатывается с помощью бумажных эскизов и дорабатывается непосредственно в работающем прототипе.
Кому подойдет этот курс?
Этот курс подойдет:
Школьники 11–15 лет, заинтересованные в создании игр, цифровом дизайне и использовании искусственного интеллекта для реализации собственных идей.| Длительность курса 8 недель.
| Количество контактных часов: 64 академических часа.
| Занятия проходят в онлайн формате.
Пререквизиты курса
Перед началом курса обучающийся должен уметь:◆ иметь бумажный прототип настольной игры, описание правил и графические материалы;
◆ уметь объяснить цель игры, действия участников и условия завершения партии;
◆ владеть базовыми навыками работы с компьютером: создавать папки, сохранять файлы, открывать изображения и пользоваться браузером;
◆ иметь начальный опыт подготовки графики, полученный на первом курсе или самостоятельно.Знание языков программирования и опыт работы с ИИ не требуются.Для занятий необходимы компьютер с доступом в интернет, браузер, ИИ-помощник для создания и редактирования кода, среда запуска проекта, бумага и карандаши для эскизов.
Чему научатся слушатели курса?
В процессе обучения на курсе слушатели научатся:
1. Разрабатывать идею компьютерной игры2. Описывать игровую логику через действия игрока, условия их выполнения и реакции программы.3. Проектировать структуру игровых экранов и расположение элементов управления с помощью схем и эскизов.4. Формулировать задания для ИИ-помощника, указывая требования к результату и способы его проверки.5. Собирать с помощью ИИ функциональный прототип с основной механикой и завершением партии.6. Подготавливать авторские графические материалы для использования в браузерной игре.7. Разрабатывать оформление игрового интерфейса с помощью ИИ, управляя композицией, цветом, типографикой и размещением графики.8. Выявлять и описывать ошибки, формулировать запросы на исправление и проверять внесённые изменения.9. Представлять готовый проект, объясняя изменения настольной версии, дизайнерские решения и роль ИИ в разработке.Какие практические задания будут выполнять слушатели курса?
В процессе обучения на курсе слушатели будут выполнять следующие задания:
1. Схема игры. Лист с описанием компонентов, правил и способов управления в браузере.2. Схема игровой логики. Последовательность действий игрока и реакций программы с обозначением условий завершения партии.3. Проект структуры интерфейса. Бумажные эскизы основных экранов с расположением игровых объектов, кнопок и подсказок, а также схема переходов между ними.4. Упражнение по составлению запросов к ИИ. Исходный и уточнённый запрос на реализацию одного игрового действия с критериями проверки результата.5. Проект функционального прототипа. Рабочая версия игры с основной механикой, завершением партии и повторным запуском.6. Упражнение по подготовке графики. Набор изображений для одного игрового экрана с подходящими размерами, форматами и понятными названиями файлов.7. Проект графического оформления веб-игры. Игровой экран с авторскими изображениями, выбранной палитрой, шрифтами и оформленными элементами управления.8. Упражнение по исправлению ошибки. Описание проблемы, запрос на доработку и демонстрация результата до и после исправления.9. Итоговая презентация проекта. Демонстрация игры, сопоставление физической и цифровой версий, объяснение ключевых решений и этапов доработки.Тематический план занятий
1. Адаптация настольной игры для браузера
Различия физического и цифрового взаимодействия. Перенос поля, карточек, жетонов и других компонентов на экран. Автоматизация подсчёта очков и проверки правил. Выбор режима: одиночная игра или игра по очереди на одном устройстве. Определение масштаба учебного проекта.
Состав: лекция, анализ примеров, проектный воркшоп.
Элемент контроля: схема адаптации настольной игры.2. Игровая логика: действия, условия и состояния
Описание правил в виде последовательных действий. Основные данные игры: очки, положение объектов, текущий участник и доступные ходы. Условия выполнения действий, победы, поражения или ничьей. Проверка логики на конкретных игровых ситуациях.
Состав: лекция с примерами, практические упражнения, консультации.
Элемент контроля: схема игровой логики.3. Игровые экраны и управление
Первое знакомство с игрой, начало партии, игровой процесс и результат. Расположение поля, кнопок, счётчиков и подсказок. Различие игровых объектов и элементов управления. Создание бумажных эскизов и проверка переходов между экранами.
Состав: лекция, воркшоп, взаимный просмотр.
Элемент контроля: проект структуры интерфейса.4. Работа с ИИ: постановка задачи и уточнение результата
Возможности ИИ-помощника в создании игры и необходимость проверки его работы. Краткое знакомство со структурой веб-проекта: содержанием страницы, оформлением и программной логикой. Состав запроса: задача, условия, ограничения и ожидаемый результат. Разделение разработки на небольшие проверяемые шаги.
Состав: демонстрация, разбор примеров, упражнения с запросами.
Элемент контроля: упражнение по составлению запросов к ИИ.5. Создание первого работающего прототипа
Подготовка проекта и запуск в браузере. Последовательная реализация основных действий с помощью ИИ. Проверка подсчёта очков, смены хода и других необходимых механик. Завершение партии и повторный запуск. Сохранение рабочих версий перед изменениями.
Состав: практические лабораторные занятия, индивидуальные консультации.
Элемент контроля: проект функционального прототипа.
6. Подготовка авторской графики
Использование материалов настольной игры: карточек, поля, персонажей и обозначений. Адаптация графики для экрана. Размеры изображений, прозрачный фон и форматы файлов. Читаемость деталей в небольшом масштабе. Организация материалов для подключения к проекту.
Состав: демонстрация, практический воркшоп.
Элемент контроля: упражнение по подготовке графики.7. Дизайн интерфейса с помощью ИИ
Применение визуального стиля настольной игры в цифровой версии. Описание композиции, цветов, шрифтов и расположения объектов в запросах к ИИ. Подключение авторских изображений. Последовательное уточнение размеров, отступов и визуальных акцентов. Проверка оформления непосредственно в браузере.
Состав: дизайнерские воркшопы, промежуточные просмотры, консультации.
Элемент контроля: проект графического оформления веб-игры.8. Подсказки и реакции на действия игрока
Объяснение доступных действий средствами интерфейса. Выделение выбранной карточки или объекта, обозначение активного хода и недоступных действий. Сообщения об успехе, ошибке и завершении партии. Использование цвета, текста и простых визуальных эффектов для передачи состояния игры.
Состав: анализ примеров, практический воркшоп.
Элемент контроля: упражнение по разработке обратной связи интерфейса.9. Поиск и исправление ошибок
Различия между ошибками механики, программной реализации и оформления. Воспроизведение проблемы и описание последовательности действий. Сопоставление ожидаемого и фактического результата. Запросы на исправление отдельных ошибок. Повторная проверка и восстановление предыдущей рабочей версии при необходимости.
Состав: демонстрация, разбор учебных ситуаций, лабораторная работа.
Элемент контроля: упражнение по исправлению ошибки.
10. Пользовательское тестирование и доработка
Наблюдение за человеком, который впервые открывает игру. Проверка понятности правил, управления, подсказок и результатов действий. Фиксация затруднений без вмешательства в процесс игры. Выбор наиболее важных улучшений, доработка с помощью ИИ и повторное тестирование.
Состав: игровые тестирования в парах, обсуждение, практическая доработка.
Элемент контроля: исследование пользовательского опыта.11. Публикация и проверка готовой игры
Подготовка итоговых файлов и размещение проекта на учебной площадке. Название, краткое описание и инструкция по управлению. Проверка загрузки изображений, работы кнопок и механики после публикации. Открытие игры по ссылке на другом компьютере. Сохранение исходных материалов.
Состав: демонстрация, практический воркшоп, взаимная проверка.
Элемент контроля: проект опубликованной веб-игры.12. Презентация и игровой показ
Демонстрация готовых проектов. Сопоставление настольной и браузерной версий: изменения правил, управления и оформления. Обсуждение авторских решений, работы с ИИ и результатов тестирования. Возможные направления дальнейшего развития игры.
Состав: презентации, игровые сессии, итоговая дискуссия.
Элемент контроля: итоговая презентация проекта.
Итоговый проект
Опубликованная браузерная версия авторской настольной игры, включающая:
работающую основную механику;
интерфейс с авторским графическим оформлением;
правила, подсказки и сообщения о результатах действий;
завершение партии и возможность повторного запуска;
исходные файлы и краткую презентацию проекта.Рекомендуемый масштаб — игра с короткой завершённой партией для одного участника или нескольких игроков по очереди на одном устройстве.
