Во введении объясняется, почему школьникам полезно понимать устройство цифровых изображений и отличать растровую графику от векторной. Здесь обозначаются проблема, актуальность и цель проекта, называются предполагаемые пользователи игры. Также кратко описываются выбранный игровой формат, основные этапы работы и ожидаемый результат, чтобы читатель понимал, как будет организовано дальнейшее изучение темы.

В этом разделе раскрывается понятие компьютерной графики как способа создания, хранения и отображения изображений с помощью цифровых устройств. Кратко описываются области её применения: фотография, дизайн, схемы, интерфейсы и учебные материалы. Раздел задаёт общий контекст и помогает понять, почему для разных изображений используются разные способы представления данных.

Раздел посвящён принципу построения растрового изображения из пикселей, разрешению, цвету и зависимости качества от исходных данных. На примерах PNG, JPEG и BMP объясняются особенности хранения и сжатия. Отдельно рассматриваются сильные стороны растра при передаче фотографий и текстур, а также ограничения, проявляющиеся при увеличении изображения.

Здесь описывается, как векторное изображение задаётся геометрическими объектами, линиями, кривыми и их параметрами. Рассматриваются масштабирование, редактирование отдельных элементов и примеры форматов, включая SVG. Раздел показывает, почему вектор удобен для логотипов, значков и схем, а также поясняет, что сложные фотографии обычно требуют другого способа представления.

В этом пункте свойства двух типов графики сопоставляются по составу, масштабированию, редактированию, размеру и типичным сферам применения. На конкретных примерах уточняется, почему фотография, логотип и схема могут требовать разных форматов. Такое сравнение станет теоретической основой для корректных вопросов и объяснений, которые войдут в обучающую игру.

Раздел описывает последовательность действий игрока: просмотр изображения, выбор ответа, получение результата и чтение пояснения. Здесь определяются правила, порядок заданий и возможные способы начисления баллов, если они предусмотрены. Особое внимание уделяется тому, чтобы игрок мог учиться на ошибках, а не только получать отметку о правильности выбора.

В этом пункте объясняется, как подбираются изображения для игровых вопросов и проверяется соответствие каждого примера теме. Задания должны включать узнаваемые случаи: фотографию, логотип, пиктограмму или схему. Для каждого ответа готовится короткое обоснование, основанное на признаках графики, чтобы избежать неоднозначности и случайного угадывания.

Раздел посвящён сборке игры в выбранной цифровой среде, оформлению экранов и настройке переходов между заданиями. Затем описывается пробное прохождение: проверяются корректность ответов, читаемость текста, понятность правил и работа интерактивных элементов. По замечаниям участников вносятся исправления, а итоговая версия подготавливается для демонстрации на уроке.

В заключении кратко соотносятся результаты проекта с поставленной целью и перечисляются выполненные этапы: изучение темы, подготовка вопросов, создание игры и её проверка. Отмечается, какие знания о растровой и векторной графике закрепляет продукт и какие улучшения можно внести в будущем, например добавить уровни сложности или новые примеры изображений.

В списке приводятся учебники, справочные материалы и официальная документация, использованные при изучении компьютерной графики и подготовке пояснений к заданиям. Для интернет-источников указываются название ресурса, адрес страницы и дата обращения. Отдельно проверяется, что факты о форматах и свойствах изображений подтверждаются надёжными материалами, а используемые изображения разрешено включать в игру.