PRO GetCourse PRO-статус GetCourseАнтон Федоров, проверить ↗

Редактор маскотов

Маскот, который меняется по мере прохождения курса

Виджет со сценами персонажа и редактором для настройки уровней, фонов и реплик.

Моя работа
Разработка виджета и редактора сцен
Направление
Геймификация GetCourse
Маскот, который меняется по мере прохождения курса

Задача

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

Что сделано

Связал сцены маскота со шкалой достижений GetCourse. Разработал редактор уровней, персонажей, фонов и реплик, добавил превью и получение кода для вставки.

Результат

Команда может собирать новые сцены в редакторе и размещать виджет в HTML-блоке GetCourse. Ученик видит персонажа и прогресс, соответствующие его баллам.

Как меняется персонаж

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

В редакторе администратор создаёт виджет, выбирает шкалу достижений и настраивает уровни. Для каждого можно задать изображения, свойства элементов и набор реплик персонажа. Есть превью и возможность добавить CSS.

Создание виджета и привязка к шкале достижений GetCourse:
Создание виджета и привязка к шкале достижений GetCourse
Настройка фона, персонажа и элементов уровня:
Настройка фона, персонажа и элементов уровня
Выбранный элемент подсвечивается в превью:
Выбранный элемент подсвечивается в превью
Реплики персонажа и дополнительные CSS-стили:
Реплики персонажа и дополнительные CSS-стили
Проверка сцены и получение кода виджета:
Проверка сцены и получение кода виджета
Статистика достижений пользователей:
Статистика достижений пользователей
Готовый виджет в HTML-блоке GetCourse:
Готовый виджет в HTML-блоке GetCourse

После настройки команда копирует код виджета в HTML-блок GetCourse. Для следующего курса можно создать новый набор сцен в том же редакторе.

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

Расскажите
о вашем проекте

Напишите мне в Telegram @onthewaytothesun или в MAX, даже если пока есть только идея.

Что будет, когда напишете

  1. 01
    Пишете в Telegram или MAX

    Опишите задачу своими словами или пришлите ТЗ. Можно прийти даже с одной идеей.

  2. 02
    Уточняю и оцениваю

    Задам вопросы, при необходимости посмотрю аккаунт и предложу решение, сроки и стоимость.

  3. 03
    Беру в работу

    Работаю быстро, небольшие задачи часто выполняю в день обращения. Крупные проекты разбиваю на этапы и показываю промежуточные версии.

Сохраните мой контакт на будущее

Если появится задача по GetCourse, веб-разработке или автоматизации, напишите. Разберём, что уже есть и что нужно доработать.

Сохранить контакт