Pular para o conteúdo

Extrusor de tilesets

Linhas finas entre os seus tiles? Faça a extrusão do tileset: cada tile ganha uma moldura com os próprios pixels de borda, e as linhas somem no motor. Suas imagens nunca saem do seu dispositivo.

Criado no seu dispositivo. Suas imagens nunca são enviadas.

  • Nunca são enviados
  • Sem emendas
  • Grátis, sem cadastro

Como funciona

Como extrudar um tileset

  1. Passo 1: Adicione seu tileset

    Escolha, solte ou cole a folha. O tamanho do tile é sugerido; corrija se os seus tiles forem de outro tamanho.

  2. Passo 2: Defina a extrusão

    1 pixel serve para a maioria dos jogos. Clique em um tile e escolha Repetir para ver se as bordas dele se encontram.

  3. Passo 3: Baixe e importe

    Salve o PNG e digite no seu motor o tamanho do tile, a margem e o espaçamento mostrados ao lado.

Extrusor de tilesets

Tiles que se encontram sem linha

  • Bordas repetidas para fora

    Cada tile ganha uma moldura com os próprios pixels de borda, então o motor nunca amostra o tile vizinho.

  • Prévia lado a lado

    Veja qualquer tile repetido três por três, com ou sem linhas nas bordas, para pegar emendas no próprio desenho.

  • Números para o seu motor

    A nova margem e o espaçamento são calculados para você, prontos para Godot, Unity, Tiled ou Phaser.

  • Nunca são enviados

    Tudo acontece no seu navegador, então suas imagens ficam no seu dispositivo.

Em detalhes

Por que aparecem linhas entre os tiles e como a extrusão resolve

Por que aparecem linhas entre os tiles

Um mapa de tiles desenha cada tile a partir de um pequeno retângulo de uma textura grande. Quando a câmera se move uma fração de pixel, ou o mapa é ampliado ou filtrado, o motor lê um fio para fora desse retângulo e pega uma lasca do tile vizinho. Na tela, essa lasca é uma linha fina que pisca conforme você se move.

A extrusão coloca em volta de cada tile uma moldura que repete os pixels de borda do próprio tile. O que o motor ler logo fora do tile agora tem a mesma cor da borda dele, então não há nada para ver.

Usando a folha extrudada

  • Godot: nas configurações de atlas do TileSet, coloque em Margins a margem e em Separation o espaçamento mostrados aqui. O tamanho da região de textura continua sendo o tamanho do seu tile.
  • Unity: no Sprite Editor, fatie por tamanho de célula com Offset igual à margem e Padding igual ao espaçamento.
  • Tiled: ao adicionar o tileset, informe os mesmos Margin e Spacing.
  • Phaser: passe a margem e o espaçamento como os dois últimos argumentos de addTilesetImage.

Conferindo os próprios tiles

A extrusão resolve as linhas que vêm do motor. As linhas que vêm da arte são outra história: um tile de grama cuja borda esquerda não combina com a direita mostra uma emenda, seja qual for o empacotamento.

Clique em um tile e escolha Repetir para vê-lo repetido três por três, como um mapa o colocaria. Ative Mostrar bordas do tile para ver exatamente onde uma cópia termina e a próxima começa.

Extrusor de tilesets

Perguntas frequentes

Minhas imagens são enviadas para algum lugar?

Não. Tudo roda no seu navegador, no seu próprio dispositivo. Suas imagens nunca são enviadas ao Moriqa nem a ninguém, e nada é mantido depois que você fecha a página.

Quantos pixels devo extrudar?

Um pixel basta para a maioria dos jogos 2D. Use dois ou mais se a textura usa mipmaps, se a câmera se afasta muito ou se as linhas ainda aparecem.

A extrusão muda os meus tiles?

Não. Os tiles mantêm o tamanho e todos os pixels. Só o espaço em volta deles muda; por isso a folha fica maior e precisa de uma margem e de um espaçamento no motor.

Para que serve o vão extra?

Ele acrescenta pixels vazios entre os tiles extrudados. A maioria dos motores não precisa disso; ajuda quando uma ferramenta espera também espaço vazio entre os tiles.

Meu tileset já tem espaçamento. Posso usá-lo?

Sim. Abra A folha que você tem e informe a margem e o espaçamento dela. Os tiles são lidos dali e dispostos de novo com a extrusão.

Como confiro se um tile é contínuo?

Clique no tile e escolha Repetir. Se as cópias se encontram sem uma linha visível, o tile se repete sem emendas.

Desenhando os tiles também?

O editor de pixel art do Moriqa desenha tiles e sprites em uma grade de pixels e os exporta para o seu motor, grátis no seu navegador.