Animação subpixel: uma respiração menor que um pixel
Um idle suave num sprite pequeno ou não aparece de jeito nenhum ou pula um pixel inteiro de uma vez. Pixel artists desenham o meio-termo com um pixel de borda mais escuro. O Movimento subpixel do Pixor faz o mesmo, só onde uma borda realmente se move.
Projeto de exemplo
Movimento subpixel: um baú que respira menos de um pixel: o projeto .pixor e o modelo dele da biblioteca (CC0). A folha à esquerda é o que ele renderiza.


Iniciante · cerca de 5 minutos · ou assista em 92 segundos
1. Um sprite pequeno
Abra um modelo: o tutorial usa o baú da biblioteca CC0 grátis. Na etapa Cena, clique na câmera Sul, defina a vista Jogo como RPG top-down e a largura e a altura como 32. O movimento subpixel importa mais em sprites pequenos, onde um pixel é um passo grande.
2. Uma respiração
Clique no baú na Estrutura para que o movimento o mova e, na etapa Ação, escolha Adicionar uma ação › Pulsar. No grafo de Ação, defina a Quantidade do nó Pulsar como 0.025: o baú cresce e encolhe 2.5 %, menos de um pixel a 32 pixels.
3. Desligado: ele pula
Na etapa Estilo, aproxime a Vista 2D e ligue a Grade de pixels (Shift+G). As bordas ficam paradas por alguns quadros e depois pulam um pixel inteiro.
4. Movimento subpixel
Selecione o nó Limpeza no grafo de Estilo e, na seção Limpeza do Inspetor, marque Movimento subpixel. Selecione de novo o nó Saída para ver o sprite pronto.
5. Ligado: ele respira
Enquanto o modelo cobre só parte de um pixel de borda (menos de sete oitavos dele), esse pixel recebe a cor seguinte mais escura da própria rampa e volta quando o modelo o cobre de novo. Agora o baú respira em tons em vez de saltos.
6. Só as bordas
O que mudou (D) marca os pixels que diferem do quadro anterior: só os que as bordas em movimento atravessam. A taxa de cintilação de uma renderização sobe um pouco com o ajuste ligado, já que esses pixels mudam de propósito.
7. Exportar
Exportar grava a folha como de costume; os pixels intermediários estão nela, nas próprias cores da paleta.
Pela linha de comando
pxr render chest.glb --size 32 --clip none --motion pulse:8:0.3 --subpixel
pxr project set game.pixor --subpixel
--no-subpixel o desliga para um projeto.
Próximo
- Animação subpixel, explicada: de onde vem a técnica.
- Antecipação e continuidade: o problema oposto, um movimento que precisa de mais peso.
Perguntas
O movimento subpixel muda a silhueta ou o contorno?
Não. Só mudam os pixels de borda que a superfície em movimento cobre em parte, e só para a cor seguinte mais escura da própria rampa. O contorno, a silhueta e todos os outros pixels ficam exatamente como estavam.
As cores intermediárias são cores novas?
Não. Cada uma é o próximo degrau abaixo na rampa em que o sombreamento já colocou o pixel, então toda cor é uma das cores da paleta.
Em quais movimentos isso ajuda?
Tudo o que se move menos de um pixel por quadro: idles de respiração, o balanço de algo flutuando, uma oscilação lenta, uma pulsação. Um movimento rápido fica como está; ele já se lê bem.
Qual a diferença para o nó Movimento subpixel?
O nó no grafo de Estilo trabalha um quadro por vez e pode deixar uma parte invadir pixels vazios. Este ajuste olha o clipe inteiro e nunca muda a silhueta.
Leia a seguir
- Antecipação e continuidade: dê peso a um salto
- Efeitos de morte: estilhaçar, dissolver e surgir
- Um personagem andando em 8 direções
- Seu primeiro sprite em cinco minutos
- Variantes de iluminação: noite, tocha, debaixo d’água, veneno
- Um personagem do Mixamo em oito direções
- Uma moeda girando
Experimente no seu próprio modelo, grátis no navegador, ou adquira a versão completa.
Testar no navegador Comprar o Pixor