• создается игровая сцена, где находятся различные предметы, и игрок должен найти предметы, названия которых соответствуют определенным словам из изучаемого иностранного языка;
  
• учащийся видит название какого-то объекта (насекомого) на английском языке, например, «locust»;
  
• игрок должен найти этот объект (саранча) и кликнуть по нему;
  
• если игрок нажал на нужный предмет, объект считается найденным и исчезает с экрана;
• на экране появляется название следующего объекта, и т.д.

Такая игра, несомненно, поможет учащемуся проверить и закрепить свои знания английских слов, и будет интереснее, чем простое заучивание иностранных слов.

Игра «Поиск предметов» может быть полезной в обучении и образовательных целях по нескольким причинам:

• мотивация и интерес: игровой формат проверки знаний по иностранному языку может стимулировать мотивацию учащихся и вызывать больший интерес к изучению языка. Участие в игре и достижение целей внутри игрового контекста может быть более привлекательным и захватывающим, чем традиционные методы обучения;
  
• повторение и закрепление: игра предоставляет возможность повторить и закрепить изученный языковой материал. Поиск предметов, связанных с определенными темами или грамматическими конструкциями, позволяет учащимся активно применять свои знания и запоминать их более эффективно;
  
• самостоятельное обучение: игровое приложение может быть использовано в качестве инструмента самостоятельного обучения. Учащиеся могут использовать его для повторения и тренировки в любое удобное для них время, что способствует развитию самоорганизации и самостоятельности;
  
• вариативность и адаптивность: игровое приложение может быть настроено на различные уровни сложности и тематики, позволяя адаптировать его под индивидуальные потребности и уровень владения языком каждого учащегося. Это обеспечивает гибкость и возможность персонализации образовательного процесса;
  
• расширение словарного запаса: в игре могут использоваться различные предметы, объекты или символы, которые игрок должен найти. Это помогает расширять словарный запас и знакомить с новыми терминами и понятиями;
• обучение конкретным темам: игра «Поиск предметов» может быть адаптирована для обучения конкретным темам или предметам. Например, она может быть использована для изучения географии (поиск географических объектов), биологии (поиск животных или растений) или истории (поиск исторических артефактов).

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

Предметы на экране будем создавать в дизайнере в виде изображений спрайта, с помощью использования холста (рисунок 1).

Рисунок 1. Рабочее поле игры

Подготовим изображения (рисунок 2). Рисунки лучше подготовить в формате .png, в котором поддерживается прозрачный фон.

Рисунок 2. Спрайты для игры

Объявим массив предметов:

const MASSIV = [

    "dragonfly",

    "grasshopper",

    "locust",

    "bee",

    "ladybug",

    "mosquito",

    "snail",

    "muse",

    "ant",

    "spider",

    "bug",

    "butterfly",

    "small_butterfly",

    "cockroach",

    "caterpillar"

];

Этот массив мы позже программно перемешаем, чтобы при каждом новом старте игры предметы появлялись в случайном порядке.

С помощь позиционирования разместим картинки на игровом поле (рисунок 1). Для этого укажем координаты спрайтов, например, для яблока:

#grasshopper {

position: absolute;

top: 0; left: 0;

margin: 530px 0 0 200px;

}

Координаты игрового поля, наоборот, укажем относительное позиционирование:

.sunsistem {

position: relative;

top: 0; left: 0;

}

Алгоритм игрового скрипта будет следующим [2]:

1. Создаем список предметов, которые игрок должен найти (в данном примере это список насекомых на английском языке).
   
2. Перемешиваем список случайным образом.
   
3. Инициализируем переменную «индекс», которая отвечает за номер предмета в списке. Вначале он равен 0.
   
4. С помощью конструкции addEventListener на нужную картинку, которая ищется первой, «вешаем» событие клика [3]. При клике на картинку она плавно исчезает (видимость равно ЛОЖЬ).
   
5. Увеличиваем значение переменной-счетчика «индекс» на единицу и выводим на экран название следующего объекта.
   
6. Назначаем то же самое событие на следующий объект, и т.д.
7. Когда значение счетчика «индекс» достигает размера списка, это означает, что все заданные предметы были успешно найдены, и мы можем вывести на экран сообщение о завершении игры.

После завершения игры выводится на экран соответствующее уведомление (рисунок 3):

Рисунок 3. Окончание игры

Вы можете поиграть или ознакомиться с исходным кодом игры на платформе GitHub. GitHub – это веб-платформа, предназначенная для хранения кода и других программных проектов, совместной работы над ними и их обмена между разработчиками. Это отличное место для публикации интернет-проектов. Посмотреть код и проверить свои знания английского языка по теме «Насекомые» можно по адресу https://dmitrij-pavlov.github.io/project3/. Для использования приложения достаточно любого современного браузера.

Итак, игра «Поиск предметов» может быть полезной в обучении и в образовательных целях, поскольку она мотивирует, активизирует участие, повторяет и закрепляет материал, поддерживает самостоятельное обучение и обладает вариативностью и адаптивностью в контексте изучения иностранного языка.

Разработка мобильных игр — актуальная задача в сфере образования и развлечений. В данной статье рассматривается создание игры в жанре «поиск предметов» на платформе MIT App Inventor. Темой игры выбраны морские рыбы, что делает проект интересным и познавательным для пользователей, изучающих английский язык. Процесс включает подготовку изображений, настройку интерфейса и программирование логики с помощью визуальных блоков. Такой подход снижает порог входа для начинающих разработчиков и позволяет быстро реализовать интерактивный продукт. В результате получаем обучающее приложение, которое помогает развивать внимательность и усваивать новые слова.

1. Подготовка изображений

- собираем минимум 12 картинок морских рыб с прозрачным фоном с сайтов https://findicons.com/ или https://www.remove.bg.

- загружаем картинки в проект на вкладке Медиа в MIT App Inventor.

- назначаем каждой картинке название на английском (например, fish1.png, fish2.png и т.д.).

2. Создание интерфейса

- добавляем компонент Холст (Canvas), устанавливаем ширину 320 px, высоту 505 px.

- загружаем подготовленные картинки как спрайты и размещаем их на холсте.

- создаем компонент Надпись (Label) для вывода подсказки или статуса.

- добавляем компонент Уведомитель (Notifier) для оповещений о результате.

3. Реализация логики игры

- создаем список предметов (список рыб).

- создаем переменную индекс, которая хранит текущий загаданный объект (например, Fish1).

- при запуске игры показываем первый предмет из списка.

- пишем процедуру, которая проверяет при нажатии на спрайт совпадение его названия с текущим.

- если совпадает, делаем спрайт невидимым, увеличиваем индекс и загадываем следующий предмет.

- если индекс достигает 13, показываем сообщение о завершении игры.

4. Блока код

5. Итоговая схема работы

- пользователь ищет предметы на экране;

- при нажатии на изображение происходит проверка совпадения;

- если совпадает, предмет считается найденным, и игра продолжается;

- когда все предметы найдены, выводится сообщение о завершении.

Заключение

Разработка мобильного приложения «Поиск предметов» с использованием MIT App Inventor — это простой и доступный способ создать интерактивную игру. Такой проект помогает развивать внимательность и расширять словарный запас по английскому языку. В процессе разработки важно правильно подготовить графические ресурсы и грамотно прописать логику игры с помощью визуальных блоков. Использование бесплатных ресурсов для изображений значительно ускоряет процесс создания. Итогом становится образовательное приложение, которое интересно и полезно для начинающих разработчиков и учеников.