Uma sprite sheet de 128 por 64 dividida em oito frames de 32 por 32, com um personagem ampliado mostrando bordas de pixel nítidas por nearest-neighbor.
Exemplo construído de utilitário: uma folha de 4 colunas e 2 linhas vira oito frames de 32 × 32. O escalonamento inteiro amplia os blocos de pixel sem suavização.
RESPOSTA DIRETA

O empacotador de sprite sheet envia meus frames?

Não. Até 64 frames permanecem no navegador e são organizados em uma grade uniforme. Você recebe um atlas PNG mais coordenadas JSON; os frames não são cortados nem girados.

ÁREA DE TRABALHO AO VIVO

Trabalhe localmente. Exporte com limpeza.

Este utilitário roda no seu navegador. Seus arquivos ficam no seu dispositivo e nenhum crédito de geração é usado.

Origem e configurações01
Processamento local privado0 créditos
Adicione dois ou mais frames

O utilitário roda localmente. Sua arte não é enviada e nenhum crédito é usado.

NO JOGO

Veja os assets como um jogo.

Explore gameplay, uso em portátil e designs coordenados. Estes conceitos gerados por IA ilustram possibilidades visuais; revise seus próprios assets e importações para a engine antes de publicar.

Apresentação coordenada de jogo em pixel art, combinando uma cena finalizada com personagens, terreno, ícones de inventário e interfaces compatíveis.

Uma direção de arte para o jogo inteiro

Revise a cena jogável junto com seus personagens, terreno, itens e interface como um único design coordenado.

Conceito de RPG pixelado gerado por IA que combina um ranger verde-azulado em uma batalha na floresta com poses correspondentes de ficar parado, andar e atacar abaixo da cena do jogo.

Um personagem em diferentes direções e ações

Compare as proporções, as cores e as silhuetas de ação do personagem com o mundo ao redor.

Conceito de combate pixelado gerado por IA com um ranger verde-azulado, efeitos de espada âmbar, itens correspondentes na barra rápida e um painel de inventário em um pátio na floresta.

Combate, itens e interface em uma só cena

Avalie a visibilidade dos efeitos, os ícones dos itens e o contraste da interface no mesmo momento de gameplay.

Um exemplo prático

Empacotar oito frames do mesmo tamanho

Use uma entrada concreta, inspecione a saída e confira os limites atuais antes de escolher o próximo passo.

Uma sprite sheet de 128 por 64 dividida em oito frames de 32 por 32, com um personagem ampliado mostrando bordas de pixel nítidas por nearest-neighbor.
Exemplo construído de utilitário: uma folha de 4 colunas e 2 linhas vira oito frames de 32 × 32. O escalonamento inteiro amplia os blocos de pixel sem suavização.

Entrada de exemplo

Baixe e descompacte os oito frames de demonstração abaixo. Cada PNG transparente tem 32 × 32 pixels.

O que verificar

  1. Escolha os oito frames PNG em sequência e depois defina o atlas com 4 colunas.
  2. Inspecione a prévia: quatro células de 32 pixels na horizontal e duas na vertical geram um atlas de 128 × 64.
  3. Baixe o PNG do atlas e o JSON. Verifique se o primeiro frame começa em x: 0, y: 0 e o quinto em x: 0, y: 32.

Saída esperada

Oito entradas de 32 × 32 em quatro colunas produzem um atlas PNG de 128 × 64 mais coordenadas JSON dos frames.

Limites atuais

O empacotador local usa uma grade uniforme dimensionada pela maior entrada, aceita até 64 arquivos e preserva os limites dos quadros. Ele não corta, gira, adiciona padding nem faz bin packing ideal.

Referências oficiais do fluxo

Consulte a documentação do engine ou do editor ao preparar sua própria importação. Essas fontes descrevem comportamento de arquivos e reprodução, não um endosso ao PixelBox.

Publicação e suporte

Conteúdo atualizado:

Publicado e mantido pela LlamaGen. Esta página descreve os controles atuais do PixelBox e os formatos de exportação. Fale com a equipe sobre informações incorretas ou problemas na exportação.

01 / POR QUE FUNCIONA

Feito para produção, não só para prévias.

01

Entrada de múltiplos arquivos

Adicione até 64 frames PNG, JPG ou WebP por seleção.

02

Layout previsível

Escolha uma quantidade de colunas. Cada célula usa a maior largura e altura de entrada, e os frames mantêm seu tamanho original.

03

Metadados incluídos

Exporte nomes, coordenadas e dimensões dos frames em JSON.

02 / FLUXO DE TRABALHO

Do arquivo-fonte à saída claramente identificada.

PASSO 01

Adicionar frames

Selecione seus arquivos PNG de animação ou assets em sequência.

PASSO 02

Escolha colunas

Defina o layout do atlas e inspecione a prévia gerada.

PASSO 03

Exportar os dois arquivos

Baixe o PNG do atlas e suas coordenadas em JSON.

03 / FAQ

Deixe os termos claros antes de criar.

Meus frames foram enviados?

Não. O empacotamento roda no seu navegador e os arquivos ficam no seu dispositivo.

Qual formato JSON é usado?

A exportação contém um nome de imagem, dimensões do atlas e objetos de quadro com x, y, width e height. Dê a cada quadro um nome de arquivo único para que cada entrada JSON permaneça distinta.

Recorta pixels transparentes?

Não. O empacotador de grade preserva os limites originais dos frames e não gira frames nem otimiza espaço vazio. Use o fatiador de sprite sheet quando precisar dos controles de corte e padding.

PRÓXIMO NA FILA

Keep building the same world.

Continue com a ferramenta ideal para o próximo passo: preparar uma referência, revisar frames de animação ou empacotar um atlas para sua engine.