Интерактивная образовательная игра самым маленьким для факультативных занятий в детском саду, школе и дома. Игра ориентирована на первоклассников, но вполне может стать прекрасным дополнительным пособием для подготовительной группы детского сада в форме экскурсии в Дворец изобретений.
Отличная профессиональная озвучка на двух языках (русском и татарском языках). Билингвальная игра (двуязычная) для самых маленьких.
Помимо браузерной игры (не требующей установки) можно установить игру на смартфон в качестве отдельного приложения: тогда дополнительных загрузок не будет, также не будет требоваться интернет.
Сборник образовательных мини-игр «Барсик и его друзья спасают цивилизацию» охватывает темы:
- экскурсия во Дворец изобретений и открытий:
- цивилизация;
- история создание колеса;
- история электричества;
- ветряная и солнечная энергия;
- строение электростанций: ГЭС, ТЭЦ, ветряные;
- передача движений с помощью шетерёнок;
- гигиена;
- история изготовления мыла и моющих средств;
- история гигиены зубов;
- Рынок (базар);
- История денег, монет;
- Обмен, договор.
В браузерном варианте в настоящее время доступно 6 игр:
- Собери колесо (паззл);
- Расставь колёса (перетаскивание колёс к транспорту, оборудованию, объектам);
- Составь разорванную карту (паззл);
- Настрой шестерёнки (переместить, чтобы запустить механизм);
- Уничтожь вирусы Кляксуса (небольшая стрелялка с мыльными пузырями);
- Спаси монету (прохождение лабиринта);
Игры достаточно простые. Например, запомнив один раз прохождение лабиринта, ребёнок может справляться в будущем с заданием довольно быстро. Это и хорошо, и в некоторых случаях не совсем. Дело в том, что если запомнить все игры, то игра может наскучить. Несколько разных вариантов исправило бы ситуацию
Технологически стек браузерной игры:
- JavaScript
- JSON
- HTML
- CSS
JavaScript и JS библиотеки
В некоторых случаях требуются сторонние Javascript библиотеки, чтобы упростить работу при разработке игры. Но в своих случаях пользуемся преимущественно чистым JS кодом, так как библиотеки в своём большинстве используют лишний функционал. В данном случае использовались:
- pixi.js
- pixi-sound.js
- signals.js
- TimeLine.js
- TweenLite.js
- EasePack.js
JSON
Для загрузки контента к мини-играм используются json-документы с индивидуальными настройками.
HTML
Игра открывается и прекрасно работает в любом современном браузере, а так как браузеры работают на любых устройствах, то играть можно на ПК, ноутбуке, планшете и смартфоне.
CSS
Каскадные таблицы стилей для настройки общего вида и единого стиля образовательного проекта.
Медиа-ресурсы:
- image png
- video mp4
- audio mp3
Недостатки игры (и чего не хватило)
- Большой вес для браузерной игры, соединяющих в себе несколько тематических мини-игр. Но это поправимо, если использовать не mp4 видео, а настроить анимацию CSS+SVG+mp3.
- Мини игры не генерируются, имеют по одной локации. Пройдя игру один раз и запомнив алгоритм прохождения, она может быстро наскучить ребёнку.
- Некоторые слайды настолько яркие, что теряются акценты: цвет фона перебивает расцветку героев.
- Ряд JS библиотек можно сократить, написав простой код.
- Браузерная образовательная игра «Барсик и его друзья спасают цивилизацию» для детей от Ак Барс Банка на момент написания статьи под самый конец слетает, не дойдя до финашла.
Как можно оптимизировать данную игру
- Вместо формата PNG и видео в MP4 можно было бы использовать CSS анимацию вместе с векторными SVG изображениями. На многих медиа-вставках персонажи изредка двигают частями тела или имеют цикличную анимацию движения губ. Это на порядок сократило бы вес проекта, соответственно загрузка происходила бы в несколько раз шустрее.
- SVG документы намного легче (при грамотном проектировании), чем те же видео- или PNG. Ну а если при использовании SVG-контента необходимо оптимизировать анимацию (чтобы не притормаживало), подгружать все векторные рисунки в </canvas>.
- Так как игра уже работает везде посредством браузера, то нет особого смысла разрабатывать приложения под смартфоны. Ну, во-первых, уже не каждый может себе позволить лишние иконки на дисплее, а во-вторых: очень много существует приложений, которые нужно устанавливать ("Мой дом", "Мой налог", "Госуслуги" и т.д.) и которые требуют места и памяти. А браузерную игру запустил, поиграл и без установок. Это еще и экономит средства на разработку подобного рода игр.
- Разработать мини-игры так, чтобы всякий раз каждая игра автоматически генерировалась как новая (новая цветовая палитра, изменение порядка объектов и т.д.)
- Ну может еще добавить оценку, подсчёт очков (например, в мини-игре по уничтожению вирусов при помощи мыльных пузырей отсутствует счетчик оставшихся жизней и числа повреждённых вирусов).
Вот такие вот мысли. :)
Заключение
При всём при этом всё довольно неплохо. В игре присутствует и образовательная, и игровая часть. Vneuroka.ru рекомендует :)
Ссылка на игру «Барсик и его друзья спасают цивилизацию»
Если у Вас есть идеи или желание создать подобного рода образовательные игры, напишите письмо (контакты на нашем сайте vneuroka.ru) или свяжитесь через наши официальные социальные сети. )
Отдельно по мини-играм данного приложения пройдёмся в следующих публикациях. Подписывайтесь! )