Animar uma textura facial no Spark AR não exige importar dezenas de frames nem arquivos pesados. Com os nós certos, você transforma uma única imagem em múltiplas versões coloridas, animadas e reativas ao seu jogo. Aqui você descobre como aplicar uma textura ao rosto e manipulá-la com Swizzle, Gradient Map e modos de mistura para extrair o máximo do Patch Editor.

Como aplicar uma textura ao rosto no Spark AR?

O ponto de partida é ter um objeto facial visível para acompanhar cada mudança em tempo real.

Você adiciona um Face Mesh ligado ao Face Tracker, cria um novo material chamado Cara, define o tipo como Flat e leva a textura para o Patch Editor [01:00]. A partir daí, qualquer alteração no patch reflete diretamente no rosto.

Uma forma rápida de controlar a cor é usar um nó de valor em modo cor, que permite animar entradas, transições e reações a outros eventos do filtro. Mas o verdadeiro poder aparece quando você importa uma imagem com cores primárias bem separadas e começa a extrair seus canais.

¿Para que serve usar cores primárias na textura? Cores primárias separadas em vermelho, verde e azul permitem extrair cada canal como informação independente, gerando várias versões visuais a partir de uma só imagem.

O que faz o nó Swizzle no Spark AR?

O Swizzle recebe uma entrada de cor e devolve apenas o canal que você especificar, abrindo espaço para recolorir, mascarar ou criar transparências [02:30].

Você pode escrever:

• R para isolar o canal vermelho.
• G para o canal verde.
• B para o canal azul.
• A para usar um canal como transparência ou alfa.

No exemplo da aula, o canal azul da imagem original é movido para o canal vermelho da saída escrevendo B, 0, 0, 1. O resultado é uma textura totalmente vermelha que mantém o desenho original do canal azul. Se quiser transparência, basta deixar o alfa controlado por esse mesmo canal extraído.

Esse controle granular é o que permite reaproveitar uma textura e gerar variações sem importar novos arquivos.

Como evitar que a textura cubra os olhos?

Ao selecionar o Face Mesh, você ativa a opção que oculta os olhos da malha. Assim, o efeito mágico do filtro não invade áreas sensíveis do rosto e ganha um acabamento muito mais limpo.

Como recolorir uma textura com Gradient Map?

Depois do Swizzle, a saída deixa de ser RGB e passa a ser um único canal de luminosidade entre 0 e 100% [04:30]. É aí que entra o Gradient Map com seus Gradient Steps.

O Gradient Step pega esse valor de brilho e remapeia para uma nova faixa de cores. O que estava em preto pode virar vermelho, e o que estava mais claro pode virar amarelo. Você redefine completamente a paleta sem tocar na imagem original.

¿O que é um Gradient Step? É um nó que recebe um valor de luminosidade entre 0 e 1 e o converte em uma cor dentro de um intervalo definido por você, funcionando como uma rampa cromática.

E aqui vem o detalhe interessante: você pode encadear vários Gradient Steps. O primeiro cobre de 0 a 0,5 e o segundo de 0,5 a 1. Com isso, partes mais claras (como as zonas perto dos olhos) recebem o amarelo, partes médias ficam vermelhas e as mais escuras seguem em preto, criando um visual lavado, quase vulcânico.

Como esses gradientes têm setas de entrada, todos os valores podem ser animados ou reativos a código. Cada vez que o jogador soma um ponto, por exemplo, a paleta pode mudar.

Por que usar o modo de mistura Add no material?

Mesmo com o gradiente perfeito, a textura aparece sobre uma base preta indesejada no rosto. A solução está nos atributos do material, no parâmetro de Blend Mode [07:30].

Trocando o modo de Alpha para Add, o Spark soma os valores de cor entre fundo e textura. Como preto equivale a zero, ele não soma nada e desaparece naturalmente. Já as áreas coloridas se sobrepõem com o brilho de fogo ou luz que você desenhou no gradiente.

Nos materiais da aula há um link para um artigo com todos os modos de mistura disponíveis, útil para estudar como cada multiplicação se comporta entre fundo e camada.

Quais conceitos dominar para animar texturas no Spark AR?

Alguns elementos centrais aparecem ao longo do fluxo e vale fixá-los:

• Face Mesh e Face Tracker: a dupla que dá ao filtro a referência facial onde tudo é projetado [00:30].
• Swizzle: extrai canais R, G, B ou A para reorganizar ou isolar informação visual [02:30].
• Gradient Map e Gradient Step: remapeiam luminosidade em novas paletas, encadeáveis e animáveis [04:30].
• Blend Mode Add: soma valores de cor e elimina o preto do fundo, ideal para efeitos de luz e fogo [07:30].
• Patches animáveis: qualquer entrada com seta pode receber animação ou reagir a eventos do jogo.

Com essa base, você deixa de depender de sequências pesadas de frames e passa a construir comportamentos visuais diretamente no Spark. Conta nos comentários qual paleta você testou primeiro no seu filtro.