Promoção de Halloween: −40% O Pixor sai por US$ 19.99 US$ 11.99 até 4 de novembro, no itch.io →

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.

Movimento subpixel: um baú que respira menos de um pixel: a folha que este projeto de exemplo renderiza

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.

Um pequeno baú em pixel art respirando: fica parado e depois pula um pixel
Movimento subpixel desligado
O mesmo baú, com os pixels de borda escurecendo e clareando enquanto respira
Movimento subpixel ligado

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

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

Experimente no seu próprio modelo, grátis no navegador, ou adquira a versão completa.

Testar no navegador Comprar o Pixor