Alternativa ao pxbee — ferramentas de pixel e sprites grátis no navegador comparadas

"alternativa ao pxbee" é uma busca com quase nada por trás. pxbee é uma pequena marca de ferramentas de pixel art, e a cobertura de terceiros em torno dela é escassa: entradas em diretórios, algumas menções em fóruns, nenhuma documentação mantida escrita por alguém que já tenha publicado um projeto com ela. Isso não significa que a ferramenta seja ruim. Significa que você não consegue avaliá-la pela página de resultados, então avaliar a marca é um beco sem saída.

A pergunta por trás é estável e respondível: o que você usa para fazer pixel art de graça, no navegador, sem instalar nada? Esta página aborda como distinguir uma ferramenta de pixel mantida de uma abandonada, as três intenções diferentes por trás da frase "preciso de pixel art" — desenhar à mão, gerar a partir de uma descrição, converter uma imagem existente — e como os sprites do Agent Sprite Forge vão direto para um mundo isométrico no construtor de jogos 3D do Neta Studio.

Resposta rápida

Resposta honesta primeiro. pxbee é uma marca de ferramenta de pixel com pouca cobertura, e não há material público suficiente para escrever uma comparação justa, recurso por recurso, com ela. Qualquer página que afirme isso provavelmente está reconstruindo a ferramenta a partir de uma captura de tela e de um texto de produto. Por isso esta página não finge comparar com pxbee. Ela responde à pergunta que gerou a busca: o que você deveria usar, hoje, de graça, no navegador.

Três coisas decidem se uma ferramenta de pixel merece seu tempo. Primeiro, se a exportação é exata em pixels — um PNG em 1x que foi reamostrado em silêncio é pior que inútil, porque você só descobre depois de uma hora desenhando. Segundo, se a animação faz parte da ferramenta ou foi acoplada por meio de um site de GIF separado. Terceiro, se os assets sobrevivem em algo maior que um único sprite. Uma ferramenta que produz um único PNG plano é ótima para uma game jam de fim de semana e dolorosa com quarenta personagens.

O que uma alternativa ao pxbee precisa fazer

O conjunto mínimo viável: uma paleta indexada com um teto de cores rígido, um lápis de um pixel que nunca faz anti-aliasing, zoom apenas com números inteiros, exportação com nearest-neighbour, uma linha do tempo de quadros com duração por quadro em milissegundos e uma spritesheet PNG com a grade de quadros documentada. Se a linha do tempo faltar, ou se a grade não estiver documentada, você vai acabar escrevendo um script de empacotamento à mão antes de sua arte chegar a uma engine.

Se o sprite for gerado em vez de desenhado, acrescente mais dois requisitos: uma seed que você possa digitar de novo e um tamanho de grade fixo que nunca varia entre gerações. Sem uma seed, gerar de novo para corrigir um braço também muda a paleta e a silhueta, e você perde a versão de que gostou. Sem uma grade fixa, o quadro dois de um ciclo de caminhada não vai alinhar com o quadro um.

Por que algumas buscas por marcas têm resultados escassos

As ferramentas de pixel art têm uma barreira de entrada baixa. Um canvas, um array de paleta e um mapa de atalhos de teclado são um projeto de fim de semana. Isso produz uma cauda longa de pequenas ferramentas com um nome, um domínio e um ano de atividade, e depois nada. Quando uma marca não tem cobertura, os resultados para ela se enchem de listas genéricas das dez melhores ferramentas de pixel art, que costumam ser mantidas por cronograma e não testadas. A lista não é prova de que a marca está viva; é prova de que a lista existe.

O abandono raramente se parece com um domínio morto. Mais frequentemente, a página ainda carrega, o canvas ainda desenha, e uma parte específica está quebrada: a exportação de GIF emite um único quadro, ou a exportação da spritesheet reamostra numa escala não inteira, ou a ferramenta se apoia numa API de navegador obsoleta que uma engine já removeu. Você descobre isso depois de uma hora de trabalho, não na página inicial, e é por isso que a verificação abaixo vale a pena antes de você adotar uma ferramenta.

A questão da ferramenta de pixel

Uma consulta por marca esconde o requisito real. Quase ninguém precisa de uma marca; precisa de um entre três resultados, e cada resultado impõe exigências diferentes à ferramenta. Errar a intenção é o que mais desperdiça tempo. Quem quer converter uma fotografia abre um editor de desenho à mão, descobre que desenhar à mão um rosto 32x32 legível leva uma hora, e desiste. Quem quer um conjunto de personagens consistente abre um gerador, recebe vinte variações com vinte paletas, e não consegue escolher uma porque nenhuma delas parece um conjunto.

Decida a intenção antes de abrir qualquer coisa. Se a resposta for "as duas coisas", a ordem de trabalho costuma ser gerar primeiro, depois corrigir à mão. Gerar o sprite base e limpá-lo num editor leva uma fração do tempo de desenhá-lo a partir de um canvas vazio, e a paleta já está limitada quando você começa.

Intenção 1: desenhar à mão

Você precisa de um lápis de um pixel com o anti-aliasing desativado, uma paleta indexada com trava para você não sair da paleta, modo espelho para personagens simétricos, onion skin com cerca de 20 a 40 por cento de opacidade para animação, zoom com números inteiros de 1x a 32x e uma linha do tempo de quadros. Aqui o gargalo é o julgamento, não a ferramenta. Se você desenha à mão, escolha o editor com a grade de exportação que você consegue documentar de fato, e pare de comparar editores.

Intenção 2: gerar a partir de uma descrição

Você precisa de um campo de texto, um tamanho de grade fixo, uma seed que possa ser digitada de novo, um teto de paleta e uma contagem de quadros por direção. Você troca controle por cobertura: trinta sprites em dez minutos, dos quais você mantém seis e corrige três à mão. É uma boa troca para props, inimigos e tiles de fundo, e uma má troca para o seu único personagem principal, a menos que você pretenda redesenhar o rosto de qualquer jeito.

Intenção 3: converter uma imagem existente

Você precisa de redução com nearest-neighbour ou box, quantização para N cores com o dithering desligado por padrão, um limite de alfa e remoção de fundo por chroma-key com controle de tolerância. Fique atento ao formato de origem. Um JPEG perde informação de cor antes de o conversor vê-lo, e cada artefato de compressão vira uma cor perdida depois da quantização para dezesseis cores. Comece de um PNG, e se a única fonte for um JPEG, espere limpar as bordas à mão.

Opções grátis no navegador comparadas

Esta comparação não depende de qual marca você pesquisou. Ela vale tanto se você chegou procurando pxbee quanto qualquer outra coisa, porque as categorias são definidas pelo que a ferramenta produz, não por quem a fez. É também por isso que a tabela é curta: há apenas um punhado de coisas genuinamente diferentes que uma ferramenta de pixel pode fazer.

A coluna de custo é a menos útil da página. Plataforma e formato de saída decidem se uma ferramenta se encaixa no seu pipeline. Um editor grátis no navegador que só exporta PNGs planos é mais barato que um editor de desktop licenciado e mais caro em tempo quando você precisa de um atlas JSON conectado a uma engine, porque alguém tem que construir esse atlas. Leia primeiro as colunas de geração e de saída 3D, depois confira o custo.

Duas linhas merecem uma ressalva. Os conversores são as ferramentas em que as pessoas mais confiam e que menos verificam: sempre abra a saída em 1x antes de importá-la, porque um conversor que suaviza bordas em silêncio produz um sprite que parece bom em 4x e embaçado em 1x. As ferramentas de empacotamento valem apenas o que valem os nomes dos seus quadros — se seus quadros se chamam final_v2_sheet, nenhum empacotador vai organizá-los num ciclo de caminhada para você.

Como ler esta comparação de alternativas ao pxbee

Percorra a coluna Plataforma em busca de qualquer coisa que exija instalação, a coluna Animação para ver se os quadros existem como objetos de primeira classe ou como arquivos separados, e a coluna Saída 3D para ver se a ferramenta tem algum caminho além de uma imagem plana. A maioria das ferramentas de pixel para no PNG. Esse é o ponto de parada normal, e também é a razão pela qual tantas spritesheets finalizadas nunca se tornam uma cena jogável.

Gere um sprite aqui

O Agent Sprite Forge recebe uma frase e devolve uma grade de sprites com quadros de animação, num tamanho de grade e num teto de paleta que você define. Roda no navegador. Não há etapa de instalação, e nenhuma parte da exportação exige um aplicativo de desktop ou um plugin.

Deixe claro o que ele não é. Ele não pinta uma grande ilustração e a reduz; ele constrói a grade de pixels diretamente, e é por isso que a largura do contorno permanece consistente entre os quadros e a paleta fica dentro do teto que você escolheu. Se você pedir fotorrealismo, gradientes ou sombreamento suave, vai obter um resultado ruim, porque esses não são problemas de pixel art.

Os modos de falha são previsíveis, e conhecê-los economiza gerações. Prompts longos derivam: o gerador mantém o primeiro substantivo e descarta o resto, então coloque o sujeito primeiro e as restrições depois. Pedidos de texto legível dentro de um sprite 32x32 não sobrevivem à grade. Detalhes menores que dois pixels desaparecem em 1x. E se você gerar um elenco de personagens um de cada vez com paletas diferentes, eles não vão parecer um conjunto — gere o conjunto de uma só vez, com uma única paleta.

Sprites, depois um mundo

A maioria das ferramentas de pixel termina no PNG. A spritesheet então vira um asset numa engine que você precisa escolher, configurar e preparar antes que qualquer coisa se mova. O construtor de jogos 3D do Neta Studio pega a mesma spritesheet e a coloca num mundo isométrico em Three.js no navegador, então o personagem que você gerou já está em cima de um tile antes de você escrever qualquer código.

A mecânica importa, porque é aí que a pixel art costuma quebrar no 3D. Um sprite 32x32 num quad em billboard pede uma câmera ortográfica e filtragem nearest-neighbour: NearestFilter no material, mipmaps desligados, texture wrapping com clamp. Ligue os mipmaps e o sprite fica embaçado a um metro da câmera. Escale o quad por 1,7 e os pixels cintilam conforme a câmera se move, porque a grade de texels deixa de coincidir com a grade da tela. Mantenha a escala em número inteiro e o zoom da câmera em número inteiro e a cintilação desaparece.

A profundidade é a outra coisa que quebra. Tiles isométricos numa proporção de 2:1 — tiles 32x16 sob personagens 32x32 — ordenam-se por x mais y, e qualquer coisa que se sobreponha a dois tiles precisa da âncora nos pés, não no centro do sprite. Erre a âncora e o personagem flutua ou afunda meio tile, que é exatamente o tipo de bug que parece um problema de física e não é. The Cyclops' Island e Mini World usam esse arranjo, e ambos foram montados a partir de spritesheets em vez de geometria modelada.

O que se mantém da spritesheet

A importação é pequena e rigorosa. Você fornece a spritesheet, o tamanho em pixels de um quadro, quantos quadros ficam na horizontal e quantas linhas de direção ficam na vertical. Todo o resto — filtragem, escala, âncora, ordenação por profundidade — é uma configuração do objeto e não uma propriedade da arte, e é por isso que a mesma spritesheet pode parecer nítida numa cena e suave em outra.

• Grade da spritesheetO importador precisa de quadros na horizontal, linhas de direção na vertical e do tamanho em pixels de um quadro. 32x32 com 6 quadros e 4 direções é uma spritesheet 192x128. Erre a grade e você obtém um sprite cortado no meio do tronco.
• Ponto de âncoraPés na parte inferior central. Com a âncora no centro do sprite, o personagem atravessa o chão meio tile toda vez que vira para a câmera.
• FiltragemNearestFilter, mipmaps desligados, wrapping com clamp, escala do objeto em número inteiro e zoom da câmera em número inteiro. Qualquer outra coisa reintroduz o desfoque que a paleta foi projetada para evitar.
• Ordenação por profundidadeOrdene por x mais y na grade de tiles. Um sprite cuja âncora fica exatamente numa borda de tile pode oscilar entre duas profundidades enquanto caminha.

Entre no mundo ao qual ele pertence

Perguntas sobre marcas envelhecem; a pergunta sobre a ferramenta não. O que quer que tenha trazido você até aqui, o passo útil é o mesmo — gere um sprite, depois abra o mundo em que ele pode viver, ambos nesta aba do navegador e ambos grátis.

FAQ