Jak zrobić filtr do filtrowania na Instagram w Spark AR Studio?

Jak zrobić filtr AR, czym jesteś na Instagramie?

Tworzenie własnego Filtr rzeczywistości rozszerzonej można po prostu wykonać za pomocą oprogramowania Spark AR Studio, używając pustego projektu, umieszczając losowy selektor liczb całkowitych i dodając jedno rozwiązanie dla każdego obrazu. Spowoduje to wyświetlenie szybko zmieniającego się selektora, który zostanie zatrzymany na losowym obrazie z zaznaczenia, w celu utworzenia filtru na Instagram.

Zobacz poniżej pełny przewodnik na temat tworzenia własnego Instagrama Co filtrujesz i udostępniasz wszystkim znajomym na swoim prywatnym lub biznesowym koncie Instagram i udostępnisz historię Instagrama na Facebooku lub stwórz ją na swoją stronę biznesową na Facebooku lub prywatne historie po wykonaniu  Publikacja z efektem Instagram   na Spark AR Hub.

1- Prześlij wszystkie zdjęcia jako zasoby

Zacznij od utworzenia pustego projektu w głównym oknie Spark AR Studio.

Z tego pustego obszaru roboczego zacznij od wybrania wszystkich zdjęć, które chcesz użyć w projekcie, i zaimportuj je za pomocą przycisku importu lub przeciągnij i upuść je we właściwym obszarze.

Upewnij się, że zdjęcia są już zoptymalizowane, w przeciwnym razie później napotkasz pewne problemy, na wypadek, gdyby zaimportowano zbyt wiele zdjęć i są one zbyt duże. Ostateczny rozmiar pakietu nie może w żadnym wypadku przekroczyć 40 MB, co obejmuje wszystkie zasoby, ale również im niższe filtry AR Instagram i filtry filtrów Facebook AR, tym lepiej - najlepiej powinny mieć mniej niż 1 MB, aby można je było łatwo pobrać.

2 - Dodaj jednego faclepackera samolotu na zasoby

Następnym krokiem jest dodanie jednego ogólnego faceta, który będzie śledził ruchy twarzy, do którego zostaną dołączone obrazy, i odpowiednio się poruszy. Kliknij prawym przyciskiem myszy w obszarze sceny i wybierz dodaj> śledzenie twarzy.

Następnie, w ramach tego nowo utworzonego facetrakera, dodaj jeden element płaski na obraz, który był ważny i który będzie używany na Instagramie, co filtrujesz, klikając prawym przyciskiem myszy główny moduł do śledzenia twarzy i wybierając opcję dodaj> element płaski.

Pamiętaj, aby odpowiednio zmienić nazwę każdego elementu płaskiego, w przeciwnym razie może łatwo stać się nieuporządkowany i trudny do rozpoznania między sobą.

Po utworzeniu wszystkich elementów płaskich, po jednym na obraz zasobu, zaznacz je wszystkie i przesuń je, jak chcesz na ekranie głównym.

Domyślnie facetracker znajduje się na środku twarzy, ale możesz chcieć, aby twoje zdjęcia były wyświetlane na przykład nad głową lub przed jakąś określoną częścią twarzy.

3- Połącz każdego faceta z zasobem za pomocą materiału

Po utworzeniu wszystkich elementów płaskich wybierz je jeden po drugim i włącz dla materiałów po prawej stronie - za każdym razem wybieraj nowy materiał.

Dla każdego utworzonego nowego materiału wybierz go, kliknij teksturę i przypisz mu odpowiednią teksturę. Każdy element płaski powinien mieć utworzony jeden materiał, do którego przypisana jest jedna tekstura. Powtórz ćwiczenie dla każdej tekstury.

Na koniec powinieneś otrzymać taką samą liczbę elementów zasobu tekstury, elementów płaskich pod jednym faclepackerem i zasobów materiałowych, z których każdy jest połączony ze sobą odpowiednią teksturą.

4- Utwórz losowy selektor

Teraz, gdy wszystkie zasoby zostały utworzone i połączone ze sobą oraz że zostały poprawnie umieszczone w module śledzenia twarzy śledzonym w aparacie, czas zacząć kodować losowy selektor - nie martw się, wszystko będzie wizualne, nie będzie pojedynczy wiersz kodu.

Rozpocznij od wyświetlenia edytora poprawek za pomocą widoku menu Spark AR Studio> pokaż / ukryj edytor poprawek.

Do każdego elementu, który dodamy w edytorze łatek, można go dodać, klikając prawym przyciskiem myszy w obszarze elementów łatki i używając funkcji wyszukiwania elementów, wpisując kilka liter związanych z łatką, której chcemy użyć.

W niektórych przypadkach łatki będą proponowane przez aplikację, w innych przypadkach konieczne będzie ich samodzielne odnalezienie w katalogu poprawek za pomocą tego okna.

Rozpocznij tworzenie pierwszej łatki, wpisując słowo RANDOM i wybierając odpowiednią łatkę RANDOM.

Teraz ten losowy element zostanie użyty do wygenerowania losowej liczby, zaczynając od 0 i kończąc na liczbie zdjęć, które chcemy losowo pomniejszać o jeden.

W naszym przypadku, z 37 zdjęciami, nasz losowy licznik rozpocznie się od 0, a zakończy na 36.

5- Dodaj jedno rozwiązanie do każdego zdjęcia

Teraz, gdy utworzyliśmy losowy selektor liczb, musimy stworzyć jedno rozwiązanie dla każdego obrazu.

Można to zrobić na kilka sposobów - na przykład tworząc jedną funkcję zaokrąglania na obraz.

Po utworzeniu okrągłych łatek dodaj jeden element „RÓWNIE DOKŁADNIE” na końcowy obraz.

Każdy element EQUALS DOKŁADNIE będzie pasował do innej liczby całkowitej, od 0 do maksymalnej liczby zdjęć minus jeden, w naszym przypadku będzie to 36.

Na koniec przeciągnij i upuść każdy element płaszczyzny gracza - lub wszystkie naraz - i upuść go w pobliżu równych dokładnie elementów. Nie zapomnij kliknąć strzałki przed widoczną właściwością jednego z nich - co oznacza, że ​​właściwość widoczności zostanie wyzwolona przez funkcję równości dokładnie.

Następnie połącz wszystkie okrągłe elementy z losową łatką, każda okrągła łatka z jedną równa się dokładnie łatce, a każda równa dokładnie łatka z jednym płaskim elementem gracza.

6- Zapętl animację i rozpocznij od dotknięcia ekranu

Kiedy wszystkie elementy zostaną ze sobą połączone, nadszedł czas, aby dodać pętlę, aby stale przeprowadzać cały test, i wybrać inny element płaski do wyświetlenia od razu, pokazując w ten sposób efekt karuzeli na Instagramie, co filtrujesz.

Dodaj animację pętli do strefy łatki.

Połącz animację pętli z losową łatką, co oznacza, że ​​gdy animacja pętli jest aktywna, wyzwoli element losowej łaty, dopóki pętla się nie skończy.

Wreszcie, chcemy zacząć od wyświetlenia obrazu statycznego, głównego obrazu. Dodaj główny obraz przed animacją pętli, dodaj element dotykowy ekranu i dodaj dwa elementy przełączające plus jeden element inny niż element.

Zaczniemy od dotknięcia ekranu: domyślnie widzimy tylko główne zdjęcie, które jest widoczne.

Pierwszy element przełącznika spowoduje, że obraz główny nie będzie widoczny, gdy uruchomione zostanie dotknięcie ekranu.

Drugi element przełączający uruchomi animację pętli w tym samym czasie, gdy główny obraz jest ukryty, wyświetlając w ten sposób karuzelę obrazu.

7- Opublikuj swój filtr AR na Instagramie!

I to koniec, nasz Instagram, co filtrujesz, jest gotowy, teraz nadszedł czas, aby go przetestować.

W oknie podglądu smartfona wybierz opcję symulacji dotyku i kliknij na wyświetlaczu, aby rozpocząć losowy proces wyboru obrazu!

Aby zresetować emulację smartfona i dotknij ponownie, aby rozpocząć, użyj ikony resetowania na lewym pasku narzędzi, poniżej menu plików.

Następnie, aby sprawdzić wynik, użyj opcji wysyłania do aplikacji na lewym dolnym pasku narzędzi.

Korzystając z opcji kamery na Facebooku, otrzymasz prywatne powiadomienie na Facebooku, aby zaprosić Cię do prywatnego przetestowania nowego filtra AR na Facebooku.

Korzystając z opcji kamery na Instagramie, otrzymasz prywatne powiadomienie na Instagramie, aby zaprosić Cię do prywatnego przetestowania nowego filtra AR na Instagramie.

Oba będą miały ten sam efekt - będziesz mógł przetestować swój filtr rzeczywistości rozszerzonej prywatnie na swoim własnym urządzeniu, a także zrobić cenne zrzuty ekranu, które będą konieczne do przesłania filtra AR w Spark AR Hub.