Как сделать то, что я фильтрую для Instagram в Spark AR Studio?

Как сделать, что вы AR фильтр на Instagram?

Создание собственного фильтра «Что вы» дополненной реальности можно просто сделать с помощью программного обеспечения Spark AR Studio, с помощью пустого проекта, выбора случайного целочисленного селектора и добавления одного решения на изображение. Это отобразит быстро изменяющийся селектор, который будет остановлен на случайном изображении из выбора, чтобы создать фильтр для Instagram.

Ниже приведено подробное пошаговое руководство по созданию собственного Instagram. Что вы фильтруете и делитесь им со всеми своими друзьями в личной или деловой учетной записи Instagram и делитесь историей Instagram с Facebook или создаете ее для своей бизнес-страницы Facebook или личных историй после того, как сделали это? публикация эффекта Instagram на Spark AR Hub.

1- Загрузить все фотографии в качестве активов

Начните с создания пустого проекта в главном окне Spark AR Studio.

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

Убедитесь, что изображения уже оптимизированы, иначе вы столкнетесь с некоторыми проблемами позже, если вы импортируете слишком много изображений, и они слишком велики. Окончательный размер пакета не может превышать 40 МБ в любом случае, который включает в себя все ресурсы, но, кроме того, чем меньше AR-фильтры Instagram и пакеты AR-фильтров Facebook, тем лучше - в идеале они должны иметь размер менее 1 МБ, чтобы их было легко загрузить.

2- Добавьте по одному фейс-трекеру на каждый актив

Следующим шагом является добавление одного общего фейс-трекера, который будет следовать за движениями лица и к которому будут прикрепляться изображения, и перемещаться соответствующим образом. Щелкните правой кнопкой мыши в области сцены и выберите «Добавить»> «Отслеживание лица».

Затем, под этим вновь созданным фейс-трекером, добавьте по одному элементу плоскости на изображение, которое было важно и которое будет использоваться в Instagram, что вы фильтруете, щелкнув правой кнопкой мыши на основном трекере лица и выбрав добавить> элемент плоскости.

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

После того, как все элементы плоскости были созданы, по одному на изображение актива, выберите их все и переместите их, как вы хотите на главном экране.

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

3- Свяжите каждый фейстрекер с активом с материалом

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

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

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

4- Создать случайный селектор

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

Начните с отображения редактора патчей, используя вид меню Spark AR Studio> показать / скрыть редактор патчей.

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

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

Начните создавать свой первый патч, введя слово RANDOM и выбрав соответствующий патч RANDOM.

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

В нашем случае, с 37 картинками, наш случайный счетчик начнется с 0 и закончится на 36.

5- Добавить одно решение на фотографии

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

Есть несколько способов сделать это - например, создать одну функцию округления для каждого изображения.

После того, как круглые патчи были созданы, добавьте один элемент «Равно как» на окончательное изображение.

Каждый элемент EQUALS EXACTLY будет соответствовать другому целому числу, начиная с 0 до максимального количества изображений минус один, в нашем случае это будет 36.

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

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

6- Зациклить анимацию и запустить ее с прикосновением экрана

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

Добавьте анимацию петли в зону патча.

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

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

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

Первый элемент переключателя превратит основное изображение в невидимое при нажатии на экран.

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

7- Опубликуйте свой Instagram фильтр AR!

И вот, наш Instagram, что вы фильтруете, готов, теперь пришло время протестировать его.

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

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

Затем, чтобы проверить результат, используйте опцию отправить в приложение на левой нижней панели инструментов.

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

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

Оба они будут иметь одинаковый эффект - вы сможете лично протестировать свой фильтр дополненной реальности на своем собственном устройстве, а также сделать ценные снимки экрана, которые будут необходимы для загрузки фильтра AR в Spark AR Hub.