Як зробити те, що я фільтрую для Instagram в Spark AR Studio?

Як зробити те, що ви фільтруєте AR в Instagram?

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

Нижче див. Повний посібник щодо створення власного Instagram. Що ви фільтруєте, і поділіться ним з усіма своїми друзями у вашому приватному чи діловому акаунті Instagram та поділіться історією Instagram у Facebook, або створіть її для вашої ділової сторінки Facebook або приватних історій після того, як ви зробили. публікація ефекту Instagram на Spark AR Hub.

1- Завантажте всі фотографії як об’єкти

Почніть зі створення пустого проекту у головному вікні Spark AR Studio.

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

Переконайтесь, що зображення вже оптимізовані, інакше пізніше ви можете зіткнутися з проблемами, якщо ви імпортуєте занадто багато зображень, і вони занадто великі. Кінцевий розмір пакета не може перевищувати 40 МБ, в будь-якому випадку, що включає всі активи, але також, чим нижчі пакети Instagram AR-фільтрів та Facebook-фільтрів AR-пакетів, тим краще - в ідеалі вони повинні бути менше 1 МБ, щоб їх було легко завантажити.

2- Додайте по одній площині особовий трекер на активи

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

Потім під цим новоствореним обличчям додайте по одному елементу площини на важливе зображення, яке буде використано в Instagram.

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

Після створення всіх елементів площини, по одному на зображення об'єкта, виберіть їх усі та перемістіть їх, як вам потрібно, на головному екрані.

За замовчуванням знімок обличчя знаходиться посередині обличчя, але, можливо, ви хочете, щоб ваші фотографії відображалися, наприклад, над головою або перед якоюсь конкретною частиною обличчя.

3- Зв’яжіть кожну особу з активами за допомогою матеріалу

Після створення всіх площинних елементів виберіть їх один за одним і ввімкніть їх для матеріалів праворуч - вибирайте новий матеріал щоразу.

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

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

4- Створіть випадковий селектор

Тепер, коли всі активи створені та пов’язані між собою, і що вони належним чином розміщені на трекер обличчя, який слід за камерою, саме час почати кодувати випадковий селектор - не хвилюйтесь, все буде наочно, не буде єдиний рядок коду.

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

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

В деяких випадках патчі будуть запропоновані додатком, в деяких інших випадках потрібно буде знайти їх самі в каталозі патчів, використовуючи це вікно.

Почніть створювати свій перший патч, ввівши слово RANDOM та вибравши відповідний патч RANDOM.

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

У нашому випадку з 37 зображеннями наш випадковий лічильник розпочнеться з 0 і закінчиться в 36.

5- Додайте одне рішення на фотографії

Тепер, коли ми створили селектор випадкових чисел, ми повинні створити одне рішення на зображення.

Існує кілька способів зробити це - наприклад, створивши одну функцію округлення на зображення.

Після створення круглих патчів додайте по одному елементу РІВНІ ТОЧНО на остаточне зображення.

Кожен елемент EQUALS EXACTLY буде відповідати іншому цілому числу, починаючи з 0 до максимальної кількості картинок мінус одна, в нашому випадку це буде 36.

Нарешті, перетягніть кожен елемент площини обличчя - або все відразу - і опустіть його поблизу рівних елементів. Не забудьте натиснути на стрілку перед видимим властивістю однієї з них - тобто властивість видимості буде ініційована саме функцією рівних.

Потім продовжуйте, прив'язуючи всі круглі елементи до випадкового патча, кожен круглий патч до одного дорівнює точно патчу, і кожен дорівнює точно патчу одному плоскому елементу вивороту.

6- Цикл анімації та запустіть її торкніться екрана

Коли всі елементи з’єднані разом, настав час додати цикл, щоб постійно пройти весь тест, і вибрати ще один плоский елемент, який відображатиметься одразу, таким чином показуючи ефект каруселі в Instagram, що ви фільтруєте.

Додайте цикл анімації до зони патчу.

Зв’яжіть анімацію циклу з випадковим патчем, тобто, якщо анімація циклу активна, вона запустить елемент випадкового патчу, поки цикл не закінчиться.

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

Почнемо з торкання екрана: за замовчуванням ми бачимо лише основну картину, яку видно.

Перший перемикаючий елемент перетворить основну картину на невидиму, коли спрацьовує торкнення екрана.

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

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

І ось, наш Instagram, що ти фільтруєш, готовий, тепер прийшов час його перевірити.

У вікні попереднього перегляду смартфона виберіть опцію імітації торкання та натисніть на дисплеї, щоб розпочати процес вибору випадкових зображень!

Щоб скинути емуляцію смартфона та натисніть знову, щоб почати, скористайтесь значком скидання на лівій панелі інструментів під меню файлів.

Потім, щоб перевірити результат, скористайтеся опцією надіслати до програми на нижній лівій панелі інструментів.

Використовуючи опцію камери Facebook, ви отримаєте приватне повідомлення у Facebook, щоб запропонувати вам протестувати свій новий AR-фільтр Facebook приватно.

Використовуючи опцію камери Instagram, ви отримаєте приватне повідомлення в Instagram, щоб запропонувати вам протестувати свій новий AR-фільтр Instagram приватно.

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