VFX 2D para Jogos: Partícula, Sprite Animado ou Shader

VFX 2D em jogos se faz por três caminhos: sprite animado (desenhado frame a frame), partículas (muitos pedaços pequenos gerados pela engine) e shader (um programa que altera a própria arte na hora de desenhar). Nenhum é melhor em tudo. A escolha certa depende do efeito: sprite quando a forma precisa de controle total, partícula quando o efeito precisa de volume e variação, shader quando o efeito muda o objeto em si. A maioria dos efeitos bons combina dois ou três.

Este post é um guia de decisão. Para cada efeito comum (poeira, explosão, magia, dissolve e outros), você vai saber qual técnica usar, quanto custa produzir e rodar, e como combinar as três sem tapar a jogabilidade.

VFX 2D: os 3 caminhos

Um resumo rápido antes do detalhe:

Uma forma de pensar: sprite é desenho, partícula é simulação, shader é filtro.

Sprite animado: controle total, custo de arte

O sprite animado é uma sequência de imagens desenhadas, exportada como sprite sheet e tocada pela engine. É a técnica dos efeitos que têm forma marcante: uma explosão de desenho animado, um corte de espada com rastro estilizado, um feitiço com símbolo.

Quando usar:

• O efeito precisa combinar com a pixel art ou com o traço do jogo, pixel a pixel.
• A forma conta uma história (o rastro do golpe, a silhueta do fogo).
• O efeito é igual toda vez e isso é aceitável.

Custos: produção alta, porque cada variação é desenho novo (uma explosão grande e uma pequena são dois trabalhos). Execução quase zero: é só trocar a imagem a cada frame.

Ferramentas: no Aseprite, o fluxo é frame novo com Alt+N, onion skin com F3, duração por frame em Frame > Frame Properties e export em File > Export > Export Sprite Sheet. No Krita, a timeline e o onion skin ficam no espaço de trabalho de animação, e o export sai como sequência de PNG em File > Render Animation. Pixelorama, LibreSprite e Piskel são opções grátis com o mesmo princípio.

Um limite: sprite animado repetido muitas vezes na tela denuncia a repetição. Dez explosões idênticas em sincronia parecem carimbo.

Partículas: volume e variação barata

Um sistema de partículas emite muitos elementos pequenos (uma textura, um ponto, um pequeno sprite) com velocidade, direção, tamanho, cor e tempo de vida que variam dentro de faixas que você define. A engine calcula tudo a cada frame.

Quando usar:

• Efeitos de volume: poeira, chuva, faíscas, fumaça contínua, folhas caindo.
• Efeitos que precisam ser diferentes a cada vez (cada pulo levanta uma poeira um pouco diferente).
• Efeitos que reagem ao jogo: rastro que segue o personagem, emissão que aumenta com a velocidade.

Custos: produção baixa (uma textura simples e ajustes no editor) e variação quase de graça (mudar cor e quantidade é mexer em números). Execução que cresce com o número de partículas vivas na tela.

Na Godot 4, existem dois nós: GPUParticles2D e CPUParticles2D. A documentação recomenda o GPUParticles2D, configurado por um ParticleProcessMaterial, e diz que não há planos de novos recursos para o CPUParticles2D, que tem quase os mesmos recursos rodando na CPU. O CPUParticles2D faz sentido em máquinas fracas ou quando a GPU já é o gargalo, e a conversão entre os dois está no menu do próprio nó na barra do editor 2D. O post sobre partículas na Godot com GPUParticles mostra a configuração passo a passo.

Na Unity, há dois sistemas. O Particle System (o componente clássico, simulado na CPU) funciona em qualquer plataforma e com o 2D Renderer do URP, e é o que resolve a maioria dos jogos 2D. O Visual Effect Graph simula na GPU e aguenta quantidades muito maiores, mas a documentação lista requisitos: hardware com compute shaders, nada de OpenGL ES, e restrições de suporte em URP e mobile que você deve conferir na página de requisitos da sua versão. Para 2D com luz, ele precisa de Shader Graph compatível com as luzes 2D. O post sobre VFX Graph na Unity aprofunda.

Partícula em pixel art: use texturas pequenas (1x1, 2x2, 4x4 pixels), desligue o filtro de textura (Nearest na Godot, Point na Unity) e prefira variar a cor por uma rampa da paleta do jogo em vez de gradiente contínuo. Partículas que giram em ângulos livres e mudam de escala gradualmente quebram a grade de pixels; trave a rotação e use escalas inteiras se o estilo for estrito.

Shader: efeito na própria arte

Shader é um programa que roda na GPU e decide a cor de cada pixel de um sprite. Ele não cria um objeto novo: ele altera o que já está na tela.

Quando usar:

• Flash de dano: o inimigo fica branco por alguns frames. Um parâmetro no shader resolve para todos os inimigos, sem desenhar versões brancas.
• Dissolve: o objeto se desfaz em pedaços usando uma textura de ruído.
• Contorno: destacar o item que pode ser coletado ou o inimigo em foco.
• Ondulação e distorção: água, calor, onda de choque.
• Troca de paleta: o mesmo sprite em cores de time ou de elemento.

Custos: produção alta no primeiro shader, baixa depois, porque ele vale para qualquer sprite. Execução baixa na maioria dos usos 2D. Godot (com o editor de shader e o VisualShader) e Unity (com o Shader Graph) permitem fazer boa parte disso sem escrever código à mão.

Shader não substitui desenho de forma. Uma explosão inteira feita só com shader é possível, mas raramente vale o esforço num jogo 2D indie.

Escolher a técnica certa para cada efeito é metade do trabalho. A outra metade é fazer efeitos desenhados, partículas e shaders conversarem entre si e com a arte dos personagens, na mesma paleta e no mesmo estilo, sem o jogo virar uma mistura de pacotes diferentes. É nesse ponto que muito projeto solo trava.

Definir o estilo dos efeitos junto com o resto da arte, e não no fim do projeto, é o que evita refazer VFX quando o jogo já está quase pronto.

Tabela: efeito comum vs técnica indicada

Repare que quase nenhuma linha tem uma técnica só.

Combinações que funcionam

Sprite no centro, partícula em volta. O núcleo do efeito, que o jogador olha, é desenhado; o que voa em volta é partícula. Funciona em explosões, impactos e magias. O sprite garante estilo; a partícula garante que nenhuma explosão seja idêntica à anterior.

Shader no alvo, sprite no ponto. No acerto, o shader de flash no inimigo e o sprite de spark no ponto de contato. Um diz quem apanhou, o outro diz onde.

Partícula com textura desenhada. Em vez de pontos, a partícula usa um pequeno sprite desenhado à mão (uma folha, uma bolha de fumaça de 8x8). Você ganha estilo e volume ao mesmo tempo. Na Godot, com um CanvasItemMaterial com Particles Animation ativado, a partícula pode até tocar uma pequena sprite sheet.

Shader de dissolve mais partículas. O inimigo se desfaz pelo shader e as partículas soltam pedaços na cor dele. Uma das mortes mais satisfatórias com menos arte.

Erros comuns: efeito que tampa a jogabilidade

Efeito maior que a ação. A explosão cobre o inimigo seguinte, a magia esconde o projétil inimigo. Efeitos de combate devem ser rápidos e deixar o jogador ver o que importa.

Partícula demais. Mil partículas para uma poeira de pulo. Comece com poucas e aumente até parecer suficiente, não o contrário.

Estilos misturados. Partículas suaves e gradientes num jogo de pixel art estrita. Os efeitos precisam seguir as mesmas regras de paleta e de pixel do resto.

Cor de efeito igual à cor de perigo. Se o vermelho significa ataque inimigo, efeito decorativo vermelho confunde.

Efeito que não acaba. Partículas que continuam no ar depois da ação poluem a tela. Defina tempo de vida curto e remova o emissor no fim.

Tudo em shader por ser mais "técnico". Shader é ótimo para mudar a arte, não para substituir desenho de forma.

Próximo passo

Liste os efeitos do seu jogo, use a tabela para marcar a técnica de cada um e comece pelo que aparece com mais frequência (normalmente a poeira de pulo ou o impacto). Se você quer entender o trabalho de quem faz isso profissionalmente e o que esse cargo exige, o post sobre o que faz um artista de VFX de jogos mostra o dia a dia da função.