Como criar um filtro para o que eu sou Instagram no Spark AR Studio?

Como criar um filtro de AR do que você é no Instagram?

Criando seu próprio filtro O que você é de realidade aumentada pode ser feito simplesmente usando o software Spark AR Studio, usando um projeto em branco, colocando um seletor inteiro aleatório e adicionando uma solução por imagem. Isso exibirá um seletor que muda rapidamente, que será interrompido em uma imagem aleatória da seleção, para criar um filtro do que você está filtrando no Instagram.

Veja abaixo uma explicação completa sobre como criar seu próprio Instagram. O que você filtra e o compartilha com todos os seus amigos na sua conta do Instagram, privada ou comercial, e compartilha a história do Instagram no Facebook, ou crie-a para a sua página comercial do Facebook ou histórias particulares depois de fazer a publicação de efeitos do Instagram no Spark AR Hub.

1- Carregar todas as imagens como ativos

Comece criando um projeto em branco na janela principal do Spark AR Studio.

A partir dessa tela em branco, comece selecionando todas as imagens que deseja usar para o seu projeto e importe-as usando o botão Importar ou arraste e solte-as na área correta.

Verifique se as imagens já estão otimizadas; caso contrário, você poderá encontrar alguns problemas mais tarde, caso importe muitas fotos e elas sejam muito grandes. O tamanho final do pacote não pode exceder 40 MB em qualquer caso, o que inclui todos os ativos, mas também, quanto menor os pacotes de filtros AR do Instagram e de AR do Facebook, melhor - idealmente, eles devem terminar com menos de 1 MB para facilitar o download.

2- Adicione um rastreador de avião por ativos

O próximo passo é adicionar um rastreador de rosto geral que siga os movimentos do rosto e ao qual as imagens serão anexadas e mova-se de acordo. Clique com o botão direito do mouse na área da cena e selecione adicionar> rastreador de rosto.

Em seguida, nesse novo criador de rosto, adicione um elemento plano por imagem que tenha sido importante e que será usado no Instagram, o que você filtra clicando com o botão direito do mouse no rastreador de rosto principal e selecionando adicionar> elemento plano.

Renomeie todos os elementos do plano de acordo, caso contrário, pode ficar confuso e difícil reconhecê-los entre si.

Depois que todos os elementos do plano forem criados, um por imagem do ativo, selecione todos e mova-os conforme desejado na tela principal.

Por padrão, o facetracker fica no meio do rosto, mas você pode querer que suas fotos sejam exibidas acima da cabeça, por exemplo, ou na frente de alguma parte específica do rosto.

3- Vincule cada facetracker a um ativo com um material

Depois de criar todos os elementos do plano, selecione-os um após um e ative-os para os materiais no lado direito - selecione novo material sempre.

Para cada novo material criado, selecione-o, clique na textura e atribua a textura correspondente. Cada elemento plano deve ter um material criado com uma textura atribuída. Repita o exercício para cada textura.

No final, você deve acabar com o mesmo número de elementos de ativos de textura, de elementos planos em um facetracker e de ativos materiais, cada um deles vinculado a uma textura correspondente.

4- Crie um seletor aleatório

Agora que todos os ativos são criados e vinculados, e que eles são colocados corretamente no rastreador de rosto seguido pela câmera, é hora de começar a codificar o seletor aleatório - não se preocupe, tudo será visual, não haverá uma única linha de código.

Comece exibindo o editor de patches usando a exibição do menu Spark AR Studio> mostrar / ocultar o editor de patches.

Para cada elemento que iremos adicionar no editor de patches, é possível adicioná-lo clicando com o botão direito do mouse na área de elementos do patch e usando a função de pesquisa de elementos digitando algumas letras relacionadas ao patch que queremos usar.

Em alguns casos, os patches serão propostos pelo aplicativo; em outros casos, será necessário encontrá-los no catálogo de patches usando esta janela.

Comece a criar seu primeiro patch digitando a palavra RANDOM e selecionando o patch RANDOM correspondente.

Agora, esse elemento aleatório será usado para gerar um número aleatório começando de 0 e terminando na quantidade de imagens que queremos aleatoriamente menos um.

No nosso caso, com 37 fotos, nosso contador aleatório começará em 0 e terminará em 36.

5- Adicione uma solução por fotos

Agora que criamos um seletor de números aleatórios, precisamos criar uma solução por imagem.

Existem várias maneiras de fazer isso - por exemplo, criando uma função de arredondamento por imagem.

Após a criação dos patches redondos, adicione um elemento IGUALMENTE EXATAMENTE por imagem final.

Cada elemento EQUALS EXATAMENTE corresponderá a outro número inteiro, começando de 0 até a quantidade máxima de fotos menos uma, no nosso caso será 36.

Por fim, arraste e solte cada elemento do plano do rastreador de facetas - ou de uma só vez - e solte-o próximo aos elementos iguais. Não se esqueça de clicar na seta antes da propriedade visível de um deles - o que significa que a propriedade de visibilidade será acionada pela função igual a exatamente.

Em seguida, proceda vinculando todos os elementos redondos ao remendo aleatório, cada remendo redondo a um é igual exatamente ao remendo e cada um igual a exatamente o remendo a um elemento plano do facetracker.

6- Faça um loop da animação e inicie-a com um toque na tela

Quando todos os elementos foram vinculados, é hora de adicionar um loop, para executar continuamente todo o teste e selecionar outro elemento plano a ser exibido de uma só vez, mostrando assim o efeito de carrossel do Instagram, o que você filtra.

Adicione uma animação de loop à zona de correção.

Vincule a animação do loop ao patch aleatório, o que significa que, enquanto a animação do loop estiver ativa, ele acionará o elemento do patch aleatório até que o loop termine.

Finalmente, queremos começar mostrando uma imagem estática, uma imagem principal. Adicione a imagem principal antes da animação em loop, adicione um elemento de toque na tela e adicione dois elementos de opção mais um não.

Começaremos com um toque na tela: por padrão, vemos apenas a imagem principal, que é visível.

O primeiro elemento do interruptor transformará a imagem principal em não visível quando o toque na tela for acionado.

O segundo elemento de chave iniciará a animação do loop ao mesmo tempo que a imagem principal está oculta, exibindo o carrossel da imagem.

7- Publique seu filtro de AR do Instagram!

E depois disso, nosso Instagram, o que você está filtrando, está pronto, agora é hora de testá-lo.

Na janela de visualização do smartphone, selecione a opção simular toque e clique no visor para iniciar o processo de seleção aleatória de imagens!

Para redefinir a emulação do smartphone e toque novamente para iniciar, use o ícone de redefinição na barra de ferramentas esquerda, abaixo do menu de arquivo.

Em seguida, para verificar o resultado, use a opção Enviar para aplicativo na barra de ferramentas inferior esquerda.

Ao usar a opção de câmera do Facebook, você receberá uma notificação privada no Facebook para convidá-lo a testar seu novo filtro de AR do Facebook em particular.

Ao usar a opção de câmera do Instagram, você receberá uma notificação privada no Instagram para convidá-lo a testar seu novo filtro de AR do Instagram em particular.

Ambos terão o mesmo efeito - você poderá testar seu filtro de realidade aumentada em particular em seu próprio dispositivo e também capturar capturas de tela valiosas que serão necessárias para fazer o upload do filtro AR no Spark AR Hub.