Como usar: Rotacionador de Pixel Art
- Solte um sprite ou um sprite sheet na ferramenta.
- Clique em 90°, 180° ou 270°, ou arraste o controle de ângulo para qualquer valor intermediário.
- Mantenha o método RotSprite para linhas limpas ou troque para nearest para um resultado mais duro e rápido.
- Num sprite sheet, ative a rotação por frame para que cada frame gire em torno do próprio centro.
- Baixe o PNG ou exporte um sprite sheet com 4, 8, 16 ou 32 ângulos espaçados por igual.
O que você recebe
- PNG girado com transparência preservada
- Tela que cresce para caber o sprite girado (opcional)
- Sprite sheet de direções com N rotações espaçadas por igual
Dicas de quem faz jogos com ela
- Girar pixel art em ângulos quebrados sempre perde algum detalhe. Rotações pequenas (15°–30°) em formas simples como espadas, flechas e projéteis ficam melhores.
- O sprite sheet de direções é um jeito rápido de fazer 8 ou 16 orientações para um projétil ou carro top-down. Retoque as diagonais à mão depois.
- Se um contorno girado quebrar, tente o ângulo ±1°. A amostragem RotSprite pode cair diferente em ângulos vizinhos.
- Para personagens, desenhe as direções separadas à mão. Rotação funciona para objetos, não para algo que tem um 'para cima' claro.
Casos de uso
- Fazer projéteis, carros e naves em 8 direções para jogos top-down
- Girar o sprite de uma espada ou ferramenta para animações de golpe
- Girar sprite sheets inteiros de tiles ou itens em 90° de uma vez
- Corrigir arte que foi desenhada virada para o lado errado
Perguntas frequentes
Por que minha pixel art fica borrada quando giro em outro lugar?
A maioria dos editores de imagem usa filtragem bilinear, que mistura pixels vizinhos em cores intermediárias novas. Esta ferramenta só amostra pixels existentes, então o resultado tem a mesma paleta da entrada.
O que é RotSprite?
Um algoritmo para girar pixel art. Ele amplia o sprite 8× com uma passada Scale2x que respeita as bordas, gira essa versão e depois reduz de volta por amostragem. Linhas finas continuam conectadas muito melhor do que numa rotação nearest-neighbor simples.
As rotações de 90°, 180° e 270° são sem perdas?
Sim. Quartos de volta só reposicionam os pixels, sem reamostragem, então você pode girar de volta e obter exatamente o original.
Posso girar todos os frames de um sprite sheet?
Sim. Ative a rotação por frame e confira a grade detectada. Cada frame gira em torno do próprio centro e mantém o tamanho, então o layout do sprite sheet continua o mesmo.
Ele adiciona cores?
Não. Os dois métodos copiam pixels da origem, então a paleta de saída é um subconjunto da paleta de entrada.
Algo é enviado para algum servidor?
Não. A rotação roda no seu navegador e o arquivo nunca sai do seu dispositivo.