Should I use dithering in my sprites?

Only if it suits the style. Many modern games use little or none on characters. It works best on large, slow surfaces like skies, rock and cloth.

Why does my dithering shimmer when the sprite moves?

The pattern is fixed to the screen instead of the surface. As the shape moves, pixels switch colour every frame. Keep the pattern attached to the surface.

What is ordered or Bayer dithering?

A regular pattern from a small threshold grid. It gives tidy checkerboards and steps, which suit pixel art better than random noise.

Pontilhado

O pontilhado coloca duas cores num padrão para que, à distância, o olho as misture em algo intermediário. Usado com cuidado, ele acrescenta textura e transições suaves.

Cavaleiro com pontilhado leve entre as faixas — Algum pontilhado

Cavaleiro com pontilhado forte entre as faixas — Pontilhado forte

O que é

Quando uma paleta tem só algumas cores, não dá para desenhar um degradê suave. O pontilhado o simula: você mistura duas cores vizinhas num padrão, e o olho faz a média. Um xadrez de azul escuro e azul médio é lido, de um passo atrás, como um azul no meio-termo.

Os padrões mais comuns são:

Xadrez: pixels alternados, a mistura de 50 %.
Padrões ordenados (Bayer): uma grade fixa de degraus (25 %, 50 %, 75 %) que dá transições limpas e regulares.
Padrões de ruído: irregulares, como o ruído azul, que evitam grades visíveis, mas parecem mais granulados.

Por que os artistas fazem isso

Em hardware antigo com paletas minúsculas, o pontilhado era o único jeito de ter mais cores aparentes. Hoje é uma escolha de estilo. Ele dá textura a pedra, pelo e areia, suaviza a borda entre duas faixas de luz numa superfície grande e dá um ar retrô.

Erros comuns

Pontilhar tudo. Em sprites pequenos, um padrão vira ruído. Um personagem de 32 pixels raramente precisa disso.
Pontilhar entre cores distantes demais. Preto e branco num xadrez não se leem como cinza; leem-se como um padrão. Pontilhe entre vizinhos de uma rampa.
Padrões que rastejam. Na animação, um padrão fixo na tela cintila conforme a forma se move por baixo dele. Esse é um dos principais motivos para os artistas evitarem pontilhado em personagens.
Misturar escalas de padrão. Um padrão de 2×2 ao lado de um padrão de 1×1 parece ter dois tamanhos de pixel, um tipo de mixel.

Como fazer à mão

Sombreie a área primeiro com faixas chapadas.
Escolha o limite que você quer suavizar.
Ao longo dessa fronteira, acrescente uma faixa de xadrez de um ou dois pixels de largura. Para uma transição mais longa, use um padrão esparso (um pixel em quatro), depois o xadrez, depois o padrão esparso inverso.
Afaste o zoom para 1× e confira se é lido como uma mistura, e não como uma textura que você não pretendia.
Na animação, mova o padrão com a superfície, e não com a tela.

Como o Pixor faz

O Pixor pode aplicar pontilhado entre as faixas de luz com um padrão ordenado (Bayer) ou de ruído azul, de nenhum a forte. O padrão fica preso à superfície do modelo, então se move com a forma em vez de cintilar por cima dela quando o modelo anima ou gira. O pontilhado é um nó do grafo de Estilo, então você pode desligá-lo para personagens e ligá-lo para o cenário.

Rampas de paleta: escolha vizinhas para pontilhar entre elas
Animação subpixel
Visuais, Paletas e o manual de ajustes

Perguntas

Devo usar pontilhado nos meus sprites?

Só se combinar com o estilo. Muitos jogos modernos usam pouco ou nada nos personagens. Funciona melhor em superfícies grandes e lentas, como céus, rocha e tecido.

Por que meu pontilhado tremeluz quando o sprite se move?

O padrão fica preso à tela em vez da superfície. Conforme a forma se move, os pixels trocam de cor a cada quadro. Mantenha o padrão preso à superfície.

O que é pontilhado ordenado ou Bayer?

Um padrão regular a partir de uma pequena grade de limiares. Dá xadrezes e degraus organizados, que combinam mais com pixel art do que ruído aleatório.

Leia a seguir

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

Testar no navegador Obter o Pixor