Retro Pixel Lab

DISPONIVEL APENAS PARA DESKTOP

CENTRALIZAR

ESPELHAR

Cole a matriz JSON (2D para imagem, 3D para animacao) e clique em Aplicar.

CORES:

Salvo!

Verde Clarinho: Esquema padrão com fundo verde suave e pixels pretos.
Fósforo Verde: Estilo monitor retrô com fundo preto e pixels verde intenso.
Fósforo Laranja: Estilo monitor retrô com fundo preto e pixels laranja intenso.
Troca instantânea: Ao trocar a paleta, o desenho existente é atualizado automaticamente.

PRETO / SOMBRA / BORRACHA: Selecione a cor ou borracha para desenhar.
Tamanho do pincel: Escolha entre 1x1, 2x2 ou 3x3 pixels.
Modo Drag: Clique e arraste para desenhar continuamente. A ação (desenhar/apagar) é definida no primeiro pixel clicado.
Toggle de cor: Clicar na mesma cor apaga. Clicar em cor diferente sobrescreve.

LIMPAR TELA: Apaga todo o desenho atual.
LIMPAR FRAMES: Disponível quando ANIMAR está ativo; zera todos os quadros da animação.
PREVIEW: Oculta as linhas guia vermelhas.
MOVER: Ativa o modo de movimentação do sprite. Clique e arraste no canvas ou use as setas do teclado (↑↓←→) para mover todo o conteúdo desenhado. Funciona também em animações.
CENTRALIZAR X/Y: Centraliza o desenho no eixo selecionado.
ESPELHAR X/Y: Cria espelhamento do desenho.

ANIMAR: Ativa o modo de animação com 10 frames.
Seleção de frames: Clique nos números 1-10 para alternar entre frames.
Reproduzir/Pausar: Um único botão alterna entre PLAY e PAUSE para visualizar a animação.
Duração: Ajuste o tempo de cada frame (50-2000ms).
Copiar frame: Copie conteúdo de outros frames para o atual.

SALVAR: Digite um nome e salve seu sprite ou animação na biblioteca.
ADICIONAR SPRITE: Cole uma matriz JSON para importar desenho/animação.
IMPORTAR .JS: Carregue um arquivo JavaScript com assets.
BAIXAR CÓDIGO: Exporta todos os assets da biblioteca como arquivo .js.
SALVAR IMAGEM: Exporta o desenho atual como PNG 640x480 com fundo transparente.
EXPORTAR GIF: Salve animações como GIF animado, escolhendo fundo sólido ou transparência.

Copiar: Copia o código do asset para a área de transferência;
Mover: Clique e segure a linha do asset para movê-lo e reorganizar a listagem de assets;
Editar: Carrega o asset no editor para modificação;
Duplicar: Cria uma cópia do asset;
Excluir: Remove o asset da biblioteca;