Jacobs Маски AR

Masks, SparkAR / 2019, Entertainment
Jacobs Маски AR
Клиент
Be it Agency для Jacobs Ukraine
Цель
создать яркое запоминающееся промо для основной маркетинговой компании с помощью масок и фильтров для Facebook в дополненной реальности
Технические характеристики
Среда разработки, SDK: Spark AR
Устройства: все, где установлен Facebook app
Команда
Project Manager, Spark AR Dev, 3D artist, 2D artist

Преддверие нового года

Начало декабря 2019 года. Весь мир наполнен предновогодним настроением. Люди начинают предновогодние забеги по магазинам, сметая все на своем пути. Компании активно пускаются в последнюю гонку года, пытаясь наверстать все, что хотели сделать на протяжении года и закрыть все дела из долгого ящика. Города наполняются гирляндами, по всем радио звучат новогодние мотивы. Настроение радостное без всякой на то причины и весь мир кажется милым и приветливым. Именно в этом состоянии мы получили задание от компании Be It Agency по созданию двух масок в дополненной реальности в Facebook для маркетинговой компании Jacobs Ukraine.


Две большие новогодние идеи

Задача, которую мы получили, заключалась в создании двух масок для Facebook. Одна маска с эффектом параллакса, благодаря которой каждый желающий мог сделать селфи на фоне камина, новогодней ёлки и аромоксамита Jacobs, волшебно поднимающего из брендовой чашки. И если с этой задачей все было понятно, то со второй маской пришлось задавать много вопросов. Для второй маски мы должны были создать 3D чашку, которая бы ставилась на любую ровную поверхность. Чашка должна была быть наполнена новогодними подарками исключительно в соответствии с предоставленным референсом, а при тапе на чашку должен был идти снег, вызывая детские приятные воспоминания.

Волшебная чашка и миллион трисов снега

Первые попытки создать снег вокруг чашки приводили мобильные устройства в замешательство. Помимо использования огромного количества оперативной памяти для запуска дополненной реальности и поиске плоской поверхности, мы генерировали тысячи мелких частиц снега, что приводило к полной остановке телефонов. Решив проблему со снегом за счет использования частиц, мы столкнулись с новой задачей. На представленной картинке-референсе чашки через приоткрытую дверь была видна только часть комнаты. Но дополненная реальность отличается свободой действий своих пользователей. А зная по опыту любопытство людей, мы были уверены, что внутрь комнаты через открытую дверь заглядывать будут все. Мы подобрали интерьер из новогодних атрибутов и уже со второго раза согласовали этот набор. Елка, камин, два новогодних носка, подарки, свечи, кресло, мягкая игрушка, дверь, чашка, новогодний венок, снежная платформа, окна и ночные фонари. Все это было сделано как отдельные 3D объекты и объединены в рамках одной сцены. В лимит 4 мб для маски Facebook мы, конечно, никак не укладывались.

Оптимизация, много оптимизации

Оптимизация. Это то слово, которое звучало в преддверии нового года в нашей компании чаще, чем играла песня Happy New Year по радио, а уж она играла очень часто. Каждый элемент маски был подвергнут жёстким экспериментам по уменьшению веса с сохранением первичной красоты. После долгих часов упорной работы, мы достигли 4 мб веса и облегченно вздохнули. Но проблемы на этом не закончились. Снег по неизвестной причине стал идти не сверху вниз, а как угодно — слева, изнутри, снаружи чашки. Тексты-поздравления хаотично меняли свои размеры, аромоксамит просто отказывался подниматься из чашки. После двухдневного рабочего марафона до часу ночи и одного субботнего забега до 12 ночи, мы все таки решили все возникшие проблемы и отправили на публикацию новогодние маски.

Новый год под контролем

Обычно модерация новых масок и фильтров с дополненной реальностью занимает у Facebook от 3 до 5 рабочих дней. Наши маски были опубликованы через сутки после отправки на проверку и нам очень хочется верить, что специалисты Facebook поняли, что нам пришлось сделать, чтобы все желающие смогли насладиться чашечкой прекрасного кофе Jacobs и отправить новогодние поздравления своим близким, используя наши маски.

Перечень работ по проекту

  • Разработка эффекта параллакса
  • Создание всех 3D моделей по проекту
  • Оптимизация 3D моделей
  • Разработка механики поздравлений
  • Сборка сцены, настройка VFx, имплементация звуков
  • Публикация в Facebook