Gerador de Sprites de Personagem: Folhas de Sprites Completas a partir de um Prompt

Um gerador de sprites de personagem recebe uma descrição escrita e retorna uma folha de sprites completa: repouso, caminhada, corrida, ataque, conjuração, em oito direções, em quadros transparentes, em uma grade fixa, com a origem nos pés. Você digita o personagem — tipo de corpo, silhueta, paleta, arma empunhada, camadas de roupa — e a ferramenta renderiza cada pose dessa descrição, em vez de um único quadro principal que você teria de redesenhar à mão.

A diferença entre um sprite e uma folha de sprites é a diferença entre uma imagem e um sistema de animação. Um bom quadro de repouso é uma figura. Uma folha é uma máquina de estados: contagens de quadros que a engine pode repetir, direções que ela pode indexar e um personagem consistente em cada célula, para que o ciclo de caminhada não mude de forma no meio do loop. Neta Studio monta a folha inteira a partir do prompt e depois permite colocar esse personagem em um mundo 3D pelo qual você pode caminhar.

Um prompt para uma folha de personagem completa

Você descreve o personagem em linguagem simples: espécie ou plano corporal, altura em relação à grade, compleição, cabelo ou elmo, camadas de roupa, o que ele segura, intervalo de paleta e a direção de arte (pixel, pintado, vetor flat). O gerador interpreta isso como uma especificação de personagem e renderiza a matriz completa — cada animação, cada direção — a partir da mesma especificação. A saída é uma folha, não um seletor de poses.

Um único quadro não diz quase nada sobre se um personagem funciona em um jogo. No momento em que ele se move, três coisas precisam se manter: a silhueta deve continuar legível no tamanho em que você realmente o desenha, a paleta não pode mudar entre quadros e o pivô não pode vagar. Uma folha torna essas restrições visíveis imediatamente. Você vê a caminhada ao lado do repouso, vê o quadro 3 contra o quadro 1 e detecta desvios antes que cheguem à engine.

Trabalhar a partir de uma única descrição também mantém o personagem reproduzível. Altere o prompt — troque a capa por placas de armadura, desloque a paleta dois passos para o frio — e você regenera a folha inteira com a mudança aplicada em todos os lugares. Você não fica editando manualmente quarenta quadros para acompanhar uma nova decisão de cor.

Repouso, caminhada, corrida, ataque, conjuração

Cinco animações cobrem a maioria dos personagens 2D: repouso, caminhada, corrida, ataque, conjuração. Repouso é o loop de respiração no qual o personagem passa a maior parte da vida. Caminhada é o loop de deslocamento, geralmente o que tem os contatos de pé mais visíveis. Corrida é o mesmo movimento mais rápido e com mais inclinação do tronco. Ataque é uma animação única com preparação, quadro de contato e recuperação. Conjuração é uma animação única com uma pausa — uma pose em que o personagem fica enquanto um projétil ou um AOE é resolvido.

As contagens de quadros importam mais do que as pessoas esperam. Na escala de jogo — um personagem com cerca de 32 a 64 pixels de altura em uma visão de 320×180 ou 640×360 — quatro quadros de caminhada são lidos como caminhada; seis soam como uma mais suave; oito começam a custar mais do que retornam. Ciclos de corrida muitas vezes funcionam com quatro. Repouso é de dois a quatro; dois é a respiração clássica, quatro dão uma ação secundária como balanço ou oscilação de arma. Ataque costuma ter de três a cinco quadros: preparação, contato, finalização, recuperação. Conjuração tem de quatro a seis, com um quadro de pausa.

O modo de falha aqui é o tempo, não a contagem de quadros. Uma caminhada de quatro quadros exportada sem atraso entre quadros toca na taxa de quadros da engine e parece um tremor, não um passo. A folha vem com um fps sugerido por animação, para que o importador da engine tenha um padrão razoável a sobrescrever.

Oito direções a partir de uma descrição

Oito direções significa que a folha cobre N, NE, E, SE, S, SW, W, NW — o círculo completo em passos de 45 graus. Jogos top-down e isométricos precisam disso porque o jogador vê o personagem de uma câmera fixa e pode se mover em qualquer direção. Quatro direções (N, E, S, W) deixam as diagonais como uma mentira visual: o sprite olha para o leste enquanto o personagem anda para o nordeste. Oito direções fazem a orientação do sprite corresponder ao vetor de movimento.

A folha é organizada como uma matriz: uma linha por direção, uma coluna por quadro dentro da animação, ou um bloco por direção contendo todas as animações na mesma ordem. Qualquer uma funciona, desde que a ordem seja documentada. O Sprite Editor da Unity fatia por grade; o AnimatedSprite2D do Godot quer retângulos de região individuais ou uma textura fatiada; o editor de sprites do GameMaker aceita uma grade mais uma origem por quadro. A ordem que você indexa na engine precisa corresponder à ordem em que a folha foi renderizada, ou você terá um personagem que faz moonwalk.

A parte sutil são os quadros de transição. Se você renderizar apenas as oito orientações canônicas, o sprite salta entre elas quando o vetor de movimento cruza um limite de 22,5 graus. Duas mitigações: renderizar as oito orientações e deixar uma animação curta de giro cobrir o limite, ou aceitar o salto e manter a rotação do personagem encaixando na mais próxima das oito. Ambas são legítimas; a folha suporta qualquer uma, porque nada nela pressupõe que exista um quadro de giro.

Personagens consistentes em todo um conjunto

A falha real no trabalho com sprites é o desvio. O personagem um é gerado com certa proporção entre cabeça e corpo, certa paleta, certo peso de linha. O personagem dois é gerado depois, a partir de um prompt redigido de outra forma, e volta meio cabeça mais alto, com tons de pele mais frios e contorno mais grosso. Lado a lado em uma tela de equipe, eles não parecem pertencer ao mesmo jogo.

O desvio vem de prompts subespecificados. Se o primeiro prompt dizia 'baixo e robusto, paleta terrosa suave, células de 32 pixels, contorno de um pixel' e o segundo dizia 'um cavaleiro de armadura', você não descreveu um conjunto — descreveu duas coisas sem relação. Mantenha a cláusula de estilo idêntica em todo o elenco e varie apenas a cláusula de identidade: espécie, compleição, equipamento, cor dentro da paleta declarada.

O Agent Sprite Forge foi criado para manter essa cláusula de estilo estável. Você gera o elenco a partir de uma especificação de estilo compartilhada, então proporção da cabeça, peso do contorno e intervalo de paleta permanecem constantes enquanto os personagens individuais diferem. O teste é simples: alinhe os quadros de repouso de todo o elenco no tamanho final de exibição. Se um deles parecer de outro jogo, a especificação de estilo sofreu desvio.

Manter um estilo em todo um elenco

Congele as dimensões de estilo antes de escrever qualquer prompt de identidade: tamanho da célula, proporção entre cabeça e corpo, peso do contorno em pixels, intervalo de paleta e direção de sombreamento, e direção de arte. Trate esses itens como constantes. Todo prompt de personagem herda isso e acrescenta apenas identidade. Quando um personagem volta fora do estilo, a correção quase sempre está na cláusula de estilo, não na cláusula de identidade.

Exportação pronta para a engine

Cada quadro é exportado como PNG transparente. A folha vem com uma grade documentada — largura e altura da célula, linhas por direção, colunas por quadro, ordem das animações — para que o importador saiba onde está cada célula. A origem fica nos pés, centralizada horizontalmente no centro de massa do personagem, então posicionar o sprite em um ponto do chão coloca os pés no chão, e não o centro da imagem.

Essa escolha de origem importa em toda engine. O Sprite Editor da Unity permite definir um pivô personalizado; defina-o como centro inferior para corresponder à origem documentada. O AnimatedSprite2D do Godot usa retângulos de região por quadro a partir da textura fatiada; mantenha as fatias alinhadas à grade documentada ou seus loops ficarão deslocados em um quadro. As propriedades de sprite do GameMaker aceitam uma grade mais um ponto de origem por sprite; o mesmo valor de centro inferior se aplica.

Presets de exportação podem ser sobrescritos. Se seu jogo usa um tamanho de célula diferente, a folha escala de forma limpa em múltiplos inteiros; escala não inteira é o que introduz desfoque. Filtragem point para pixel art, bilinear para pintado. O alfa transparente é preservado, então não é necessário limpar o matte antes de importar.

A próxima vida do personagem: um mundo 3D

Uma folha de sprites é um personagem. Um mundo é onde ele vive. A mesma descrição que produziu a folha alimenta o criador de jogos 3D, que a transforma em um mundo Three.js caminhável: chão, colisão, câmera e um lugar para o personagem ficar. Você não está transferindo arquivos entre ferramentas — a descrição é o recurso.

Você pode caminhar por esse mundo no navegador. Coloque o personagem dentro, controle a câmera e verifique se o sprite é legível na escala que o mundo realmente apresenta. Um personagem que parecia certo em um visualizador de sprites plano pode parecer errado contra um chão 3D iluminado quando perspectiva e sombras entram em cena. Ver os dois ao mesmo tempo detecta a incompatibilidade cedo.

Esse é o mesmo caminho que The Cyclops' Island segue — uma descrição, um mundo jogável — e Mini World é a versão em pequena escala dele. O gerador de sprites é a ponta 2D do mesmo pipeline: descreva uma coisa, obtenha um recurso utilizável e depois coloque-a em algum lugar onde você possa se mover.

• Agent Sprite ForgeGera folhas de sprites completas — repouso, caminhada, corrida, ataque, conjuração em oito direções — a partir de uma descrição de personagem, com quadros PNG transparentes e uma grade documentada.
• The Cyclops' IslandUm mundo 3D gerado pelo qual você pode caminhar, construído a partir de uma descrição em vez de posicionado à mão, usado como alvo para personagens feitos no gerador de sprites.
• Mini WorldO preset de mundo 3D em pequena escala para verificar rapidamente um personagem em um espaço caminhável sem criar uma cena completa.
• criador de jogos 3DO criador baseado em navegador que transforma uma descrição escrita em um mundo Three.js real e jogável, com o personagem inserido como um ator controlável.

Caminhe pelo mundo ao qual ele pertence

Um sprite é um personagem sem lugar para ficar. O último passo é o que ninguém mais oferece: pegue a folha que você acabou de criar e coloque-a em um mundo pelo qual alguém possa caminhar — uma pequena ilha, um planeta, uma esquina chuvosa. Todo mundo neste site foi feito a partir de uma descrição escrita e publicado como uma página que você pode jogar.

Perguntas frequentes