Как я сказал ранее, мне нравится пробовать что-то новое, и когда я узнал, что Facebook выпустил программное обеспечение для создания эффектов в историях Instagram, я заинтересовался, как это работает.

Я скачал программу Spark AR с их сайта и, немного поэкспериментировав, решил создать свой первый эффект. Я немного разбираюсь в 3D-моделировании, поэтому сделал очки аниме-персонажа, за которым смотрел много лет назад.

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

3D моделирование

Я начал с моделирования плюмбоба. Я хотел бы использовать Blender, но у меня нет опыта работы с ним, поэтому я решил использовать Solidworks. Ниже показан процесс создания:

Spark AR

Когда трехмерный объект был готов, я пошел и запустил программу Spark AR. это стартап очень интуитивно понятный, он предлагает несколько примеров, с которых пользователи могут начать.

Я выбрал новый пустой проект, добавив только функцию отслеживания лица, так как это основа для этого эффекта.

После добавления трехмерного объекта я вставил логику для перемещения объекта в соответствии с движениями пользователя. Можно использовать код Javascript или Typescript, но по умолчанию программирование в приложении происходит с использованием блоков, как показано на изображении ниже. Подводя итог тому, что я сделал: я расположил объект над головой человека с автоматическим вращением оси y. другие повороты и движения будут меняться в зависимости от движения человека.

При этом я получил следующий результат.

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

На гифке выше показана окончательная версия фильтра. Теперь могу только опубликовать. Я делаю это путем экспорта проекта и делаю запрос на публикацию эффекта. Процесс отправки относительно прост. Вам необходимо ввести основную информацию и предоставить предварительный просмотр и фотографию с помощью фильтра. Примечание: фотография должна быть запечатлена вами, иначе она может быть не принята. На самом деле есть вероятность, что эффект не будет принят по другим причинам. Facebook имеет ряд относительно строгих правил, и для утверждения фильтра он должен соответствовать политикам Spark AR.

После одобрения эффект будет доступен в моем профиле в Instagram: @gfpms.

В будущем я намерен внести некоторые улучшения, например, лучше расположить отвес, изменить его цвет в соответствии с настроением пользователя. У Вас есть какие-то предложения? Поделитесь ими ниже, любые отзывы приветствуются.