Como usar: Sobreposição de Grade
- Solte um sprite, sprite sheet ou tileset. O tamanho da célula é estimado a partir da grade de frames.
- Defina a largura e a altura da célula (16×16 e 32×32 estão a um clique) e um deslocamento se os seus tiles não começam em 0,0.
- Escolha a cor, a opacidade e a espessura da linha, e adicione linhas principais a cada 2, 4 ou 8 células se quiser seções.
- Escolha uma escala de exportação; as linhas da grade ficam entre os pixels ampliados.
- Baixe o PNG.
O que você recebe
- PNG ampliado com grade de células
- Grade fina de 1px e linhas principais opcionais
- Borda externa opcional
Dicas de quem faz jogos com ela
- Use escala de 8× ou mais para tutoriais. Em 1× a linha da grade precisa cobrir pixels, o que esconde a arte.
- Escolha uma cor de linha que não esteja na sua paleta (ciano ou magenta costumam funcionar) para ninguém confundir linha com arte.
- Linhas principais a cada 4 células ajudam a documentar uma sala de 64×64 montada com tiles de 16×16.
- Os campos de deslocamento ajudam a conferir se um tileset tem margem de 1px antes de importar no Tiled ou na sua engine.
Casos de uso
- Documentar um tileset para a equipe ou para a página da loja
- Fazer tutoriais de pixel art e imagens passo a passo
- Conferir o alinhamento de sprites numa grade de 16 ou 32 px
- Preparar imagens de referência para um level designer
Perguntas frequentes
A grade cobre meus pixels?
Em escala 2× ou maior as linhas são desenhadas nas bordas entre os pixels ampliados. Em 1× não há espaço entre os pixels, então as linhas substituem uma fileira de pixels.
Posso usar uma grade não quadrada?
Sim. Largura e altura da célula são separadas, então grades de 16×24 ou 32×16 funcionam.
O que é a opção de grade de pixels?
Uma grade fina de 1 pixel embaixo da grade de células, mostrada quando a escala é 4× ou mais. Ela facilita contar os pixels um a um.
Qual vai ser o tamanho do PNG?
O tamanho original vezes a escala de exportação. O tamanho final aparece embaixo do botão de download.
Minha imagem é enviada para algum servidor?
Não, tudo é desenhado no seu navegador.