Gerador de tilemap · na aba do navegador, sem instalar

Gerador de tilemap — descreva um lugar, receba o mapa

Um tilemap é uma grade de índices, não um desenho: tamanho do tile, camadas, colisão. Diga o lugar e a grade volta pronta para percorrer.

Cais de Liyue · mapa inteiro — 48 × 28 células a 32 px, visão ajustada do cais, da via de entrega e da água.Trapiche de Foosha · mapa inteiro — 48 × 30 ajustado: casas, rua da feira, passarela de tábuas e mar.Planície de Hyrule · mapa inteiro — 48 × 30 ajustado: estrada, rio, estábulo, ruínas e areia.Terraços altos de Liyue · detalhe — a grade de 32 px de perto, com props e água na camada de colisão.
✦Tilemap
Crie um gerador de tilemap no navegador para uma viela de feira noturna no Porto de Liyue, lanternas e pedra molhada — descreva o lugar e ele monta uma grade de 48 × 30 tiles: uma paleta de tileset, três camadas de chão, props e colisão, terreno com autotile, exportação JSON e um modo Caminhar com um personagem que atravessa o mapa. Abre em um nível já montado.

Ainda não existe uma skill de tilemap no catálogo, então a especificação vai no prompt: 48 × 30 células a 32 px, três camadas, autotile, colisão, exportação JSON.

Feira noturna de Liyue · o brief — a descrição digitada, a paleta de seis terrenos, quatro camadas e os contadores.
Feira noturna de Liyue · o brief — O brief digitado vira mapa: 48 × 30 células, seis tiles de terreno, 101 props, 99 lanternas, 57% livres. Build the lane reconstrói tudo.
Feira noturna de Liyue · modo Caminhar — um passante cruza a viela entre as barracas, sob as lanternas.
Feira noturna de Liyue · modo Caminhar — Modo Caminhar na viela que ele acabou de construir: um passante cruza entre as barracas, e a água e as fachadas são as células que o param.
Feira noturna de Liyue · exportação — a caixa JSON com formato, tamanho do tile, semente, indicadores e ids de tileset.
Feira noturna de Liyue · exportação — Exportar JSON grava o formato, o tile de 32 px, uma semente, os indicadores interpretados — molhado, lanterna, peixe, névoa — e os ids de tileset por camada.
Terraços altos de Liyue · tileset e paleta — uma folha de 16 colunas dividida em terreno e props, cada amostra com 16 variantes de autotile.
Liyue · tileset e paleta — Uma folha de 16 colunas dividida em terreno e props; cada amostra carrega suas 16 variantes de autotile. Os tiles têm 32 px.
Terraços altos de Liyue · camada de colisão — células vermelhas estão bloqueadas: mar, telhados, caixas e canteiros, 621 de 1.440.
Liyue · camada de colisão — Vermelho é 1 na camada de colisão. 621 de 1.440 células bloqueadas — mar, telhados, caixas, canteiros — e o contador muda enquanto você pinta.
Trapiche de Foosha · tileset — 256 tiles numa folha 16 × 16, com a máscara de autotile mostrando as 16 variantes de vizinhança.
Foosha · tileset — 256 tiles numa folha 16 × 16, com uma máscara de autotile que abre as 16 variantes de vizinhança da tábua do trapiche.
Trapiche de Foosha · um traço de autotile — um caminho de tábuas traçado sobre o cais, cada tile escolhendo as próprias bordas.
Foosha · um traço de autotile — Um arrasto com Autotile assenta um caminho de tábuas; cada tile escolhe sua variante N/L/S/O pelos vizinhos. Nenhum canto colocado à mão.
Planície de Hyrule · amostras de terreno — sete terrenos, cada um com 16 variantes de autotile, ao lado do mapa gerado.
Planície de Hyrule · amostras de terreno — Sete terrenos — grama, estrada, rio, ruína, areia, cerca, estábulo — cada um com 16 variantes de autotile, numa grade de 32 px.
Planície de Hyrule · modo Caminhar — Link na estrada em frente ao estábulo ao anoitecer.
Planície de Hyrule · modo Caminhar — Link fica na estrada em frente ao estábulo. Clique numa célula livre e ele traça o caminho até ela; células bloqueadas recusam o clique.
PROVA AO VIVO

Percorra a viela que ele acabou de construir.

A feira noturna nasceu do brief digitado: 48 × 30 células, 101 props, 99 lanternas, 57% livres. Pinte uma célula e atravesse a viela na mesma aba.

Percorra a viela que ele acabou de construir.Open in new tab
Want your own?Criar o meu

Um nível são dados que se editam.

O Neta Studio é um construtor de mundos com IA — elenco, lugares e cenas jogáveis num só lugar. O tilemap é a menor parte de um mundo que ainda é um nível: uma grade de índices com tileset, três camadas e colisão, com o seu próprio elenco de pé sobre ela.

  • O tileset vem junto com o mapa — Terreno, props e variantes bloqueadas são gerados para o lugar que você nomeou, então a paleta nunca fica vazia e a grade amostra uma folha de verdade.
  • O autotile fecha as emendas — Cada terreno carrega 16 variantes decididas pelas quatro vizinhas. Uma mancha pintada resolve as bordas e os cantos internos; você pinta a forma, não os cantos.
  • Caminhar é a verificação — Colisão é uma camada e o Play fica na mesma aba. Percorra a rota, veja qual célula te para, corrija, exporte o JSON.

Perguntas, respondidas.

O que é um tilemap, exatamente?

Uma grade de células de tamanho fixo em que cada célula guarda um índice dentro de uma imagem de tileset. O nível é a grade de números, não o desenho: 48 × 30 células a 32 px são 1.440 inteiros por camada — por isso o mapa abre na hora e é editado no lugar.

É a mesma coisa que o Tiled?

Não. O Tiled é um editor de desktop para projetos .tmx montados tile a tile. Aqui abre uma aba com um nível já construído na tela: descreva o lugar e voltam o tileset, as três camadas, a colisão e um personagem que o percorre.

Preciso desenhar os tiles?

Não. O tileset vem com o mapa: terreno, props e variantes bloqueadas gerados a partir da descrição. Dá para trocar a folha com Importar imagem de tileset, ou pintar mais com a paleta que você recebeu.

Qual tamanho de tile escolher?

Escolha um e nunca misture. 16 px soa retrô, 32 px é o padrão seguro para personagens e props, 48 ou 64 combinam com uma câmera mais ampla. A paleta e a grade precisam concordar, senão a amostragem cai no meio do tile.

Como funciona a camada de colisão?

Cada célula é 1 (bloqueada) ou 0 (livre) e é pintada com o mesmo pincel do chão. O modo Caminhar lê essa camada: o personagem para no mar, nas paredes e nas caixas e nunca atravessa. Os contadores de bloqueadas e livres mudam ao vivo.

Dá para exportar o tilemap para Godot, Unity ou RPG Maker?

Sim. Exportar JSON grava largura, altura, tamanho do tile, colunas do tileset e os arrays de cada camada. Todo motor guarda um tilemap como grade de índices: reaponta a imagem do tileset e carrega os arrays.

Consigo mais de um mapa com um prompt?

Um prompt constrói um mapa jogável. Rode a mesma frase com outro lugar — um cais, um pátio, um cruzamento — e vem uma grade nova com tileset próprio; o traçado segue a descrição, não um modelo fixo.

Funciona no celular?

Abre e dá para percorrer; pintar continua preciso com mouse ou caneta. No celular a paleta e as camadas dobram numa gaveta e a tela ocupa a largura toda, então serve mais para conferir um nível do que para desenhá-lo.

Diga o lugar. A grade volta pronta para percorrer.

Uma linha entrega o tileset, as três camadas, a colisão e um personagem que atravessa o mapa — depois Exportar JSON para o seu motor.

×