JS модуль для WebAR проекта на 8th wall

16.03.2021 19:35

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

Общее описание функционала:

Показ анимированных 3D объектов и эффектов в дополненной реальности
Подсчет баллов игрока
Запуск временного отсчета
Возможность фото/видеосъемки (8th wall внутренний инструмент)
Отслеживание устройства игрока для выдачи победного экрана со скриншотом только один раз
Показ даты на экране выигрыш
При открывании ссылки с компьютера - заглушка с предложением зайти со смартфона

Механика:

Пользователь сканирует QR-код, или иным способом получает доступ на сайт.
Открывается приветственный экран.
Нажимает на кнопку в интерфейсе “Начать игру”.
На экране появляется инструкция. Пользователь нажимает на кнопку “готов”.
В дополненной реальности появляются 3D объекты в виде изделий из пластика. На экране - неподвижный прицел в виде логотипа, который используется для выбора объекта. Кликом на экран и наведением на объект пользователь совершает выбор предмета Видеопример
В интерфейсе появляется обозначение вида пластика, который необходимо ловить пользователю, иногда выпадает логотип бренда. Игрок наводит прицел по подходящему виду пластика.
За правильно набранные виды пластика игрок получает очки, за неправильно - они вычитаются. Логика: +1 балл за правильный выбор, -1 балл за неправильный, +2 балла за пойманный логотип бренда
По истечению времени, если игрок набрал определенное количество баллов, на экране появляется изображение вещи бренда и окно в UI с сообщением возможности сделать скриншот и получить скидку на попавшуюся вещь при посещении магазина бренда, с указанием даты. Получив один раз такое окно, пользователь далее может сыграть еще раз, но больше не получит финального экрана с предложением сделать скриншот.
Если игрок не успел набрать определенное количество баллов, он может сделать новую попытку.

Пришлем подробный сценарий при отклике