Alternativa ao PixelLab · assets 2D vs assets 3D

Alternativa ao PixelLab — de sprites em pixel a assets de jogo 3D por onde dá para caminhar

Crie sua própria alternativa ao PixelLab

O PixelLab gera assets de pixel 2D. O Neta gera sprites em pixel e modelos 3D — e depois os coloca em um mundo por onde dá para caminhar. Grátis, no navegador.

✦Jogo
Criar alternativa ao PixelLab

Uma busca por uma alternativa ao PixelLab costuma começar com uma frustração específica: a pixel art está boa, mas a cena para a qual você a queria ainda não existe. O PixelLab gera assets de pixel 2D: sprites de personagem, ciclos de caminhada, conjuntos de rotação, tilesets, molduras de interface. E faz isso bem. O que ele não faz é colocar esses assets em um espaço pelo qual você possa caminhar.

O Neta Studio cobre as duas metades em uma única aba do navegador. Você gera sprites em pixel e depois os coloca em um mundo Three.js de verdade, com profundidade, colisão e uma câmera que você controla com WASD. Sem instalação, sem projeto de engine exportado, sem um pipeline de assets separado para manter em sincronia. Esta página mostra onde o PixelLab para, onde uma cena 3D começa e como decidir se você precisa da segunda metade.

Resposta rápida

O PixelLab cria assets de pixel 2D. Sprites, quadros de animação, rotações multidirecionais, conjuntos isométricos, tilesets, elementos de interface, com inpainting e edições que preservam o estilo por cima. Essa é uma resposta completa para o problema da pixel art. A fronteira é que assets não são uma cena. Uma spritesheet não tem posição, nem profundidade, nem colisor, nem câmera. Se o seu jogo tem uma câmera fixa e uma grade de tiles, essa fronteira nunca incomoda. Se você quer um espaço pelo qual alguém possa caminhar, o asset é a entrada, não a saída, e você precisa de algo que o posicione.

O que o PixelLab faz bem

Ser específico sobre os quatro pontos fortes importa, porque a alternativa certa depende de qual deles você realmente usa.

Segundo, rotações multidirecionais e isométricas. Um sprite base se torna um conjunto de 4 ou 8 direções, mais variantes isométricas dimensionadas para uma grade 2.5D. É a parte que a maioria dos geradores pula, e costuma ser a parte que decide se um sprite é utilizável em um jogo de verdade e não apenas em um mockup.

Terceiro, edição e inpainting que preservam o estilo. Você pode recolorir um capacete, consertar um braço quebrado ou estender um torso sem regenerar o personagem e perder a versão que você aprovou. Quarto, geração de ambientes e tilesets: grama, pedra, água, kits de parede, produzidos com bordas consistentes para que os tiles se encontrem sem emendas.

  • Animação de IA consistenteUm ciclo de caminhada gerado a partir de uma referência mantém a paleta e as proporções entre os quadros. A variação de quadro para quadro é a falha comum da animação de pixel por IA, e manter o personagem consistente ao longo de 6 a 8 quadros é a parte difícil.
  • Rotações multidirecionais e isométricasUm sprite se torna um conjunto de 4 ou 8 direções, mais rotações isométricas alinhadas a uma grade em losango. O número de direções é escolhido de antemão, já que cada direção é uma passagem separada.
  • Edição e inpainting que preservam o estiloEdições locais permanecem dentro da paleta e da espessura de linha existentes. Útil quando um único detalhe está errado e regenerar o sprite inteiro custaria a versão que você já aprovou.
  • Geração de ambientes e tilesetsTerreno, props e kits de parede gerados como conjuntos, com tratamento de borda combinando para que um tile 32x32 encontre o vizinho sem uma emenda visível.

Assets 2D vs assets 3D

Assets 2D resolvem textura. Assets 3D resolvem espaço. São problemas diferentes, com modos de falha diferentes, e confundi-los é a razão pela qual tantas pessoas pulam entre ferramentas sem terminar nada.

A primeira forma de demanda é uma câmera fixa. Em um platformer de visão lateral ou um RPG visto de cima, o sprite é a representação inteira do objeto. Tudo o que o jogador precisa saber sobre um personagem está dentro de um único quadro. A profundidade é simulada com a ordem de desenho: uma camada de ordenação na Unity, Y-sort no Godot, um índice em um renderizador personalizado. Isso funciona, é barato e não custa nada em fidelidade. Uma ferramenta 2D é a ferramenta correta aqui, e nada em um pipeline 3D a melhora.

A segunda forma de demanda é uma câmera que o jogador move. No momento em que a câmera gira ou o jogador passa por um objeto, um conjunto de sprites de 8 direções acaba. Você tem oito ângulos, a câmera tem ângulos infinitos, e a lacuna aparece como um personagem que salta entre direções enquanto o mundo desliza suavemente. O asset precisa se tornar geometria com textura, ou um quad voltado para a câmera, ou ambos. É essa a linha divisória: se a câmera é fixa, o 2D está completo; se a câmera se move, você precisa posicionar em um espaço 3D.

O que você está construindoO que o asset precisa fazerQual ferramenta serve
Platformer de visão lateral, câmera fixaUm sprite por estado; a profundidade é uma ordem de desenho2D. O PixelLab já basta.
RPG visto de cima, 4 ou 8 direçõesConjunto de rotação por personagem, tileset para o mapa2D, mais um editor de tilemap na sua engine
Cena isométrica, ângulo de câmera travadoTiles isométricos e sprites rotacionadosQualquer uma. O 2D é mais barato se a câmera nunca gira.
Cena explorável, câmera controlada pelo jogadorGeometria com textura, ou sprites como quads voltados para a câmeraPipeline 3D. É aqui que o Neta se encaixa.
Percurso em primeira ou terceira pessoaModelos, materiais, volumes de colisãoSomente 3D. Um conjunto de sprites não dá conta.

Gere um sprite aqui

Sprites em pixel também são cobertos aqui. O gerador executa a mesma classe de tarefa do PixelLab: descreva um sujeito e receba de volta um sprite com fundo transparente e um layout de quadros que você pode fatiar. A ordem das decisões é o que determina se a saída é utilizável.

O Agent Sprite Forge cuida disso dentro do Neta Studio. Importa que seja a mesma cadeia de ferramentas que alimenta o lado 3D, porque um sprite produzido aqui pode ser colocado diretamente em uma cena como standee, em vez de ser exportado para outro programa e reimportado.

1

01

Descreva o sujeito em uma frase: sujeito, dica de silhueta, paleta. "Cavaleiro sapo blindado, verde e latão, ombros largos" vence um parágrafo de lore toda vez.

2

02

Escolha o tamanho da tela antes de tudo. 32x32 para tiles e props pequenos, 64x64 para personagens, 128x128 apenas quando o sprite for exibido grande. Combine com o tamanho de tile ou Pixels Per Unit da sua engine agora, não depois de ter aprovado um sprite na resolução errada.

3

03

Escolha o número de direções. 1 para um jogo de câmera fixa, 4 para uma grade vista de cima, 8 se o personagem gira suavemente. Cada direção é uma passagem de geração separada, então é tanto uma decisão de custo quanto de arte.

4

04

Escolha o número de quadros. 1 para um prop estático, 4 para um idle, 6 a 8 para um ciclo de caminhada. Mais quadros não é melhor: oito quadros em 32x32 já é mais detalhe do que a tela comporta, e os quadros extras ficam embolados.

5

05

Defina a origem nos pés do personagem, não no centro da imagem. A origem no centro é a causa mais comum de personagens flutuando meio sprite acima do chão quando você os posiciona.

6

06

Fixe a paleta primeiro e só então peça o contorno escuro de 1 pixel. Contornar um sprite não aprovado queima uma passagem que você vai jogar fora.

Jogue uma cena construída a partir de assets

Um asset se torna um mundo quando algo decide onde ele fica e o que bloqueia o jogador. É essa a diferença inteira, e são poucos ajustes.

Os modos de falha aparecem aqui, não no gerador. Dois standees na mesma coordenada causam z-fighting: desloque um por alguns centímetros em vez de brigar com o buffer de profundidade. Um sprite com transparência ativada e sem teste de alpha se ordena incorretamente contra paredes, porque o renderizador não consegue dizer quais pixels são sólidos. E uma sombra projetada por um quad com teste de alpha é renderizada como um retângulo sólido, a menos que o material da sombra também teste o alpha no mesmo limite.

1

01

Gere ou importe o sprite. PNG transparente, origem nos pés.

2

02

Posicione-o. O builder coloca um quad voltado para a câmera nessa posição, então o sprite se torna um standee no espaço 3D em vez de uma camada plana.

3

03

Defina a escala em relação à grade do mundo. Um tile equivale a uma unidade do mundo. Um personagem de 64 pixels e dois tiles de altura recebe uma altura de quad igual a 2; a largura decorre da proporção, não a defina à mão.

4

04

Configure o material para pixel art. Filtragem Point, mipmaps desligados, teste de alpha em 0,5, transparência desligada. Mipmaps mais filtragem bilinear em uma textura 32x32 é a razão mais comum de a pixel art gerada parecer embolada quando entra em uma cena 3D.

5

05

Adicione colisão nos pés. Um colisor de cápsula ou caixa. O sprite é plano; o colisor não é, e não deveria ser.

6

06

Percorra a cena. Câmera em primeira pessoa ou de acompanhamento, WASD, olhar com o mouse. Se a cena ainda fizer sentido a partir de uma câmera em movimento, o posicionamento está pronto.

Uma spritesheet gerada do mesmo jeito: uma frase, uma grade de quadros.

PixelLab, thepixellab, the pixel lab — a mesma ferramenta?

Sim. PixelLab, thepixellab, the pixel lab e pixel lab são a mesma consulta digitada de quatro formas. Os mecanismos de busca tratam o espaçamento e um artigo inicial como a mesma entidade, então as quatro chegam ao mesmo produto. Não existe uma ferramenta separada chamada "the pixel lab" nem um produto distinto "pixel lab" por trás da variante.

As variantes com erro de digitação retornam resultados fracos por uma razão estrutural, não de popularidade. Uma consulta sem uma entidade concorrente por trás produz resultados navegacionais: as próprias páginas do produto, e nada mais. Conteúdo de comparação, listas de alternativas e tutoriais são escritos em torno de uma categoria, e um erro de digitação não é uma categoria. A forma de três palavras é ainda mais fraca, porque "pixel lab" se divide entre usos não relacionados da expressão, como processamento de imagens e trabalhos de impressão, e os resultados deixam de ser sobre sprites. Se você quer a metade 3D do problema, a consulta a fazer é sobre construção de cenas ou assets de jogo 3D, não outra grafia do mesmo nome de produto. É disso que o 3D game builder trata.

Variante da consultaA que ela correspondeO que fazer com ela
pixellabO produto em siUse esta como a consulta de base
thepixellabO mesmo produto, com o artigo inicial absorvidoNada diferente. Os mesmos resultados.
the pixel labO mesmo produto, com o espaçamento absorvidoLeia os resultados orgânicos, não os anúncios do topo
pixel labDividido entre usos não relacionados da expressãoAdicione "sprite" ou "animation" para forçar o sentido de pixel art
pixellab alternativeIntenção de comparação; a metade 3D não é contempladaComece pela sua câmera, não pelo nome da ferramenta
Assets em uma cena: um mundo 3D isométrico construído a partir de material gerado.

Você precisa mesmo de assets 3D?

Provavelmente não. A maioria das pessoas que procura uma alternativa ao PixelLab não precisa de um pipeline 3D, e adicionar um custa tempo de verdade. Uma malha precisa de um mapeamento UV e de um material antes de se parecer com algo. Um sprite não precisa de nenhum dos dois. Faça esse orçamento com honestidade antes de decidir que a versão 3D é o upgrade.

Há um caminho do meio que evita a maior parte do custo: mantenha os sprites em pixel e coloque-os em uma cena 3D como quads voltados para a câmera. Você ganha profundidade, uma câmera em movimento e posicionamento livre sem modelar nem riggar nada. É para esse caso que o 3D game builder foi feito, e é o único caso em que você obtém as duas metades sem fazer o trabalho duas vezes.

  • O 2D é a escolha certa quando a câmera é fixaVisão lateral, vista de cima ou um ângulo isométrico travado. Se a câmera nunca gira, nenhuma quantidade de geometria acrescenta informação que o sprite já não carregue, e você paga por um pipeline que não muda nada na tela.
  • O 2D é a escolha certa quando o timing da animação é o jogoContagens precisas de quadros, pausas deliberadas, tells de um quadro. Isso é criado em uma spritesheet, onde você controla cada pixel, não em um rig interpolado.
  • O 2D é a escolha certa quando a grade de pixels é a identidadeSe o seu viewport é pequeno e cada pixel é deliberado, uma cena 3D reamostra essa grade em ângulos arbitrários. O visual não é preservado; ele é mediado.
  • O 3D vale a pena quando o jogador controla a câmeraCenas de percurso, níveis exploráveis, qualquer coisa em que virar-se seja parte da experiência. Um conjunto de sprites de 8 direções não cobre rotação contínua.
  • O 3D vale a pena quando a cena é a entregaUma demo, uma peça de portfólio, um nível que você quer que alguém abra em uma aba do navegador e explore. O percurso é o artefato, não o sprite.
  • O 3D vale a pena quando você precisa de escala e posicionamento livreProps em tamanhos arbitrários, objetos no terreno, um espaço que precisa fazer sentido de qualquer ângulo de aproximação. Posição e rotação se tornam valores reais em vez de uma ordem de desenho.
A etapa de posicionamento: coloque um objeto em um mundo e caminhe ao redor dele.

Entre no mundo ao qual ele pertence

A lacuna entre um sprite e um lugar é o ponto central desta página. Abra o outro lado dela: um mundo 3D isométrico cujo material foi gerado, cuja cena foi descrita e que roda na mesma aba do navegador que você teria usado para exportar um PNG.

FAQ

O PixelLab é grátis? +

Confira a página de preços atual dele, em vez de um resumo de terceiros, porque os planos mudam e não vamos citar um número que pode estar desatualizado. Do nosso lado, o gerador de sprites e o 3D game builder são gratuitos para usar no navegador, sem nada para instalar.

O PixelLab consegue criar modelos 3D? +

Não. Ele entrega assets raster 2D: spritesheets, conjuntos de rotação, tiles, interface. Não há malha, nem mapeamento UV, nem material. A saída isométrica parece tridimensional e não é; é uma imagem plana desenhada sobre uma grade em losango que não vai girar com uma câmera em movimento.

Os sprites funcionam na Unity ou no Godot? +

Sim. Você exporta uma spritesheet PNG mais os metadados dos quadros. Na Unity, importe como Sprite Mode: Multiple, ajuste Pixels Per Unit para corresponder ao tamanho do seu tile, Filter Mode: Point, Compression: None. No Godot, importe a spritesheet, desligue o filtro de textura e recorte regiões dela. Deixe a compressão desligada nas duas vezes, porque a compressão da engine é a razão comum de a pixel art exportada chegar borrada.

thepixellab é o mesmo que pixellab? +

Sim. Os mecanismos de busca tratam o artigo inicial como ruído, então as duas grafias chegam ao mesmo produto, e não há uma ferramenta separada por trás da variante. A forma de três palavras "the pixel lab" é a mesma consulta de novo, apenas mais fraca nos resultados.

Qual é a melhor alternativa gratuita? +

Depende de qual metade está faltando para você. Se você precisa de assets de pixel 2D, o PixelLab já está completo para essa tarefa e trocar não te traz nada. Se você precisa desses assets dentro de uma cena pela qual possa caminhar, o Neta Studio cobre as duas: gere o sprite, coloque-o como um quad voltado para a câmera em um mundo Three.js, adicione um colisor nos pés e percorra a cena no navegador.

Preciso desenhar alguma coisa? +

Não. Você escreve a descrição e escolhe o tamanho da tela, o número de direções e o número de quadros. Ainda assim, você toma duas decisões que um gerador não pode tomar por você: o tamanho do sprite em relação à sua grade de tiles e o número de direções em relação ao comportamento da sua câmera. Essas duas causam mais retrabalho do que a qualidade artística jamais causou.

Voltar ao 3D Game Builder

Todos os 31 mundos, jogos e cenas 3D finalizados ficam em uma única página — e todos são jogáveis.

Plataforma: Neta StudioPágina: Alternativa ao PixelLabLeia a seguir: /explore/tool/ai-game-sprite-generator · /explore/tool/ai-game-asset-generator · /use-cases/en/piskelapp-alternative
×