Olá! Este é um tutorial passo a passo para criar um filtro interativo no Spark AR Studio. Vamos adicionar um objeto de texto 2D, configurar diferentes textos, adicionar um evento de toque na tela e incluir um script para alterar os textos ao tocar na tela, simulando um filtro do Instagram.
- Spark AR Studio instalado no seu computador.
- Abra o Spark AR Studio.
- Clique em "New Project" para criar um novo projeto.
- No canto inferior esquerdo, clique em "+ Add Object".
- Escolha "Text" para adicionar um objeto de texto.
- Posicione o texto na cena conforme desejado.
- Selecione o objeto de texto no painel de cena.
- No painel de propriedades à direita, encontre "Text".
- Clique no ícone de lápis ao lado de "Text" para editar o texto.
- Digite o texto desejado no campo de texto e clique em "OK".
- Repita o processo para adicionar textos diferentes. Vamos chamá-los de text0 a text07.
- No canto inferior direito, clique na aba "Patch Editor" para abrir o editor de patches.
- Clique com o botão direito do mouse em qualquer lugar vazio no Patch Editor.
- No menu de busca, digite "Screen Tap" e selecione-o para adicioná-lo ao Patch Editor.
- Conecte a saída do patch "Screen Tap" ao patch que você deseja acionar com o toque na tela.
- No painel de assets, clique em "+ Add Asset" no canto inferior esquerdo.
- Escolha "Script" para adicionar um novo script ao projeto.
- No script, copie e cole o código fornecido no README.md do repositório.
Lembre-se de substituir "Novo texto aqui" pelo texto que deseja exibir ao tocar na tela.
- Salve o projeto.
- Clique em "Testar no Dispositivo" para testar o filtro em seu dispositivo móvel.
E voilà! Você criou um filtro interativo no Spark AR Studio. Sinta-se à vontade para personalizar ainda mais o filtro adicionando elementos visuais, animações e ajustando o comportamento do script conforme necessário. Happy coding! 💻✨