Perspectiva em Pixel Art: Os 15 Tipos, Explicados

Quatro perspectivas são comuns em pixel art: de um ponto e de dois pontos (side-scrollers, platformers, jogos FPS), isométrica (jogos de RPG e de estratégia, com linhas de profundidade de 2 pixels para o lado e 1 para cima) e cabinet (uma frente plana com profundidade a 45 graus). São quinze tipos no total, e cada um abaixo tem o seu diagrama e as suas regras.

Perspectiva é a segunda letra do SPECC, o meu método de planejamento: decida antes do primeiro pixel, e cuidado ao misturar várias numa mesma arte. Aqui estão todos os tipos que eu ensino no curso, dos que se aprendem na aula de desenho aos que os jogos usam. Cada diagrama é um cubo, então você pode comparar direto.

O mapa de tipos de perspectiva do Roman: linear (projeção por pontos, paralela, inversa, curvilínea), aérea e de cor, com as quatro comuns em pixel art em destaque: de um ponto, de dois pontos, isométrica e cabinet
A minha folha de perspectivas do curso. Em destaque: as quatro que você mais vai usar em pixel art.

Por que as proporções em pixel importam

Em pixel art, uma linha é uma escada de pixels. Alguns ângulos dão uma escada limpa e regular: 1:1 é 45 graus, 2:1 é uns 26 graus, 3:1 é mais plana ainda. Outros ângulos dão degraus irregulares, e a linha fica serrilhada. Por isso a pixel art dobra a teoria: a isométrica deveria ter 30 graus, e a gente desenha com 26, porque 2:1 é limpa.

Linhas de pixels nas proporções 1:3, 1:2, 1:1, 2:1 e 3:1 da folha de linhas do Roman
Da minha folha de exercícios de linhas: as proporções limpas, de 1:3 a 3:1.

Perspectiva linear: pontos de fuga

A perspectiva da aula de desenho. As linhas se encontram em pontos de fuga e as coisas ficam menores com a distância. A de um ponto e a de dois pontos são usadas em side-scrollers 2D, platformers e jogos FPS. A de três e a de quatro pontos são dos jogos FPS em 3D.

Perspectiva de um ponto

Perspectiva de um ponto: um cubo desenhado com linhas de pixel e as suas linhas de fuga
  1. Todas as linhas verticais são estritamente verticais.
  2. Todas as linhas de fuga convergem para um ponto de fuga.
  3. O plano da frente do cubo não tem distorção.
  4. As linhas horizontais perpendiculares à linha de visão continuam estritamente horizontais.
  5. Você vê um ou dois planos do cubo.

Perspectiva de dois pontos

Perspectiva de dois pontos: um cubo desenhado com linhas de pixel e as suas linhas de fuga
  1. Todas as linhas verticais são estritamente verticais.
  2. Todas as linhas de fuga convergem para dois pontos de fuga no horizonte.
  3. Você vê dois ou três planos do cubo.

Perspectiva de três pontos

Perspectiva de três pontos: um cubo desenhado com linhas de pixel e as suas linhas de fuga
  1. Usada para objetos muito acima ou muito abaixo do horizonte.
  2. As linhas de fuga convergem para três pontos de fuga.
  3. Você vê três planos do cubo.

Perspectiva de quatro pontos

Perspectiva de quatro pontos: um cubo desenhado com linhas de pixel e as suas linhas de fuga
  1. Todas as linhas horizontais são retas e convergem para dois pontos de fuga no horizonte.
  2. Todas as linhas verticais são curvas e convergem para dois pontos, um bem acima e um bem abaixo.
  3. Você vê dois planos laterais do cubo.

Perspectiva paralela: isométrica, dimétrica, trimétrica

Sem pontos de fuga: linhas que são paralelas no objeto continuam paralelas na tela, e nada diminui com a distância. Usada em jogos de RPG e de estratégia, e a isométrica é a mais comum de todas: um sprite fica igual em qualquer lugar do mapa.

Perspectiva isométrica

Perspectiva isométrica: um cubo desenhado com linhas de pixel e os seus ângulos
  1. Todas as arestas têm o mesmo comprimento.
  2. Todos os lados têm a mesma área.
  3. O encurtamento é de uns 80%.
  4. Na teoria o eixo x tem 30 graus, mas em pixel art ele tem uns 26 graus: a linha limpa de 2:1.
  5. Fora dos jogos e da pixel art, a isométrica é usada em desenho técnico.

Perspectiva dimétrica

Perspectiva dimétrica: um cubo desenhado com linhas de pixel e os seus ângulos
  1. Dois eixos têm o mesmo encurtamento, o terceiro é mais encurtado.
  2. Todas as linhas verticais são estritamente verticais.
  3. As linhas de fuga são paralelas entre si.

Perspectiva trimétrica

Perspectiva trimétrica: um cubo desenhado com linhas de pixel e os seus ângulos
  1. Os três eixos têm encurtamentos diferentes.
  2. Todas as arestas verticais são estritamente verticais.
  3. As linhas de fuga são paralelas entre si.

A rigor, a versão em pixel de 2:1 é um tipo de projeção dimétrica, mas todo mundo na pixel art chama de isométrica, e eu também. Você pode ver nas minhas lições do ar-condicionado e da máquina de venda automática.

Perspectiva oblíqua: cabinet, cavaleira, militar

Uma face do objeto fica plana e sem distorção, e a profundidade vai a 45 graus: uma escada limpa de 1:1. A perspectiva mais fácil de desenhar. Jogos de visão lateral usam ela para móveis e prédios, layouts vistos de cima usam a militar.

Perspectiva cabinet

Perspectiva cabinet: um cubo desenhado com linhas de pixel e os seus ângulos
  1. Muito usada em desenho de móveis.
  2. Os planos da frente e de trás não têm distorção.
  3. Os planos de cima e do lado são encurtados para 50%.
  4. Todas as linhas de fuga são paralelas e inclinadas a 45 graus.
  5. Todas as linhas verticais são estritamente verticais.

Perspectiva cavaleira

Perspectiva cavaleira: um cubo desenhado com linhas de pixel e os seus ângulos
  1. Os planos da frente e de trás não têm distorção e são desenhados como quadrados.
  2. Todas as arestas do cubo têm o mesmo tamanho.
  3. Todas as linhas de fuga são paralelas, num ângulo de 45 graus.

Perspectiva militar

Perspectiva militar: um cubo desenhado com linhas de pixel e os seus ângulos
  1. Usada em desenhos de fortificações militares, daí o nome.
  2. Os planos de cima e de baixo não têm distorção.
  3. Todas as arestas do cubo têm o mesmo tamanho.
  4. Todas as linhas de fuga são paralelas, num ângulo de 45 graus.

Perspectiva inversa e curvilínea

É bom conhecer, mas são raras nos jogos.

Perspectiva inversa

Perspectiva inversa: um cubo desenhado com linhas de pixel
  1. Algumas ou todas as linhas de fuga divergem em vez de convergir.
  2. Todas as linhas são retas.
  3. Todas as linhas verticais são estritamente verticais.

Muito improvável em pixel art: outras perspectivas fazem o trabalho melhor.

Perspectiva fotográfica

Perspectiva fotográfica: um cubo desenhado com linhas de pixel
  1. Vem com a distorção da lente da câmera, como uma lente olho de peixe.
  2. Todas as arestas são curvas.
  3. Todos os planos são distorcidos.

Ela deixa os objetos com cara de inchados. Rara em pixel art.

Perspectiva perceptiva

Perspectiva perceptiva: um cubo desenhado com linhas de pixel
  1. Pode ser usada em desenhos de interiores.
  2. Todas as arestas verticais são estritamente verticais.
  3. Todas, ou algumas, linhas de fuga são curvas.

Perspectiva aérea e de cor

A cidade de platformer do Roman: os prédios e montanhas ao longe são mais escuros, mais azulados e mais simples que os de perto
  1. Objetos distantes parecem menores, mais enevoados, mais pálidos ou mais escuros, e mais azulados.
  2. Os objetos do fundo são desenhados de forma mais econômica: menos detalhes. As janelas de perto têm luzes e vários tons, as de longe viram linhas finas.

Comparação rápida

PerspectivaLinhas de profundidade em pixelsO que você vêBoa para
Isométrica2:1, uns 26°O topo e dois lados por igualEstratégia, construção de cidades, cômodos
Dimétrica3:1, 4:1 e parecidasMais do topo ou mais da frenteEstilo isométrico com outra inclinação
Cabinet1:1, profundidade com metade do comprimentoUma frente plana mais um lado curtoObjetos e prédios em visão lateral
Cavaleira1:1, profundidade com o comprimento inteiroUma frente plana mais um lado longoVisual técnico, quadradão
Militar1:1, topo sem distorçãoUma planta baixa plana mais as paredesMapas e layouts vistos de cima
De um e de dois pontosAs linhas se encontram em pontos de fugaUma frente, ou uma quinaSide-scrollers, platformers, FPS
De três e de quatro pontosAs linhas se encontram em 3 ou 4 pontosOlhando para cima, para baixo, ou bem abertoJogos FPS em 3D

Como escolher

  • Os jogadores precisam ver todos os lados das coisas? Isométrica.
  • O jogo é em visão lateral? Oblíqua cabinet para os objetos, frentes planas para todo o resto.
  • A planta baixa precisa continuar legível? Militar ou uma visão direta de cima.
  • É um side-scroller, um platformer ou uma cena em primeira pessoa? Perspectiva de um ou de dois pontos.

Seja qual for a sua escolha, use ela em todos os objetos do jogo. Uma mesa em cabinet do lado de outra em isométrica é o erro de perspectiva mais comum que eu vejo nos trabalhos dos alunos, e o olho percebe na hora. Se você trabalha com uma referência, confira se a visão dela é igual à sua antes de começar.