Tile map

Um Tile Map é um componente que permite montar, ou pintar, tiles de um Tile Source em uma grande área de grade. Tile maps são comumente usados para construir ambientes de fases de jogos. Você também pode usar os Collision Shapes do tile source nos seus mapas para detecção de colisão e simulação física (exemplo).

Antes de criar um tile map, você precisa criar um Tile Source. Consulte o manual de Tile Source para aprender como criar um Tile Source.

Criando um tile map

Para criar um novo tile map:

• Use Right click em um local no navegador Assets e selecione New... ▸ Tile Map).
• Dê um nome ao arquivo.

• O novo tile map abre automaticamente no editor de tile map.

  

• Defina a propriedade Tile Source para um arquivo de tile source que você preparou.

Para pintar tiles no seu tile map:

1. Selecione ou crie uma Layer para pintar na visualização Outline.

2. Selecione um tile para usar como pincel (pressione Space para mostrar a paleta de tiles) ou selecione alguns tiles clicando e arrastando na paleta para criar um pincel retangular com vários tiles.

   

3. Pinte com o pincel selecionado. Para apagar um tile, escolha um tile vazio e use-o como pincel, ou selecione a borracha (Edit ▸ Select Eraser).

   

Você pode escolher tiles diretamente de uma camada e usar a seleção como pincel. Segure Shift e clique em um tile para capturá-lo como o pincel atual. Enquanto segura Shift, você também pode clicar e arrastar para selecionar um bloco de tiles e usá-lo como um pincel maior. Também é possível recortar tiles de forma semelhante segurando Shift+Ctrl ou apagá-los segurando Shift+Alt.

Para rotacionar o pincel no sentido horário, use Z. Use X para inversão horizontal e Y para inversão vertical do pincel.

Adicionando um tile map ao seu jogo

Para adicionar um tile map ao seu jogo:

1. Crie um objeto de jogo para conter o componente tile map. O objeto de jogo pode estar em um arquivo ou ser criado diretamente em uma coleção.
2. Clique com o botão direito na raiz do objeto de jogo e selecione Add Component File.
3. Selecione o arquivo de tile map.

Manipulação em tempo de execução

Você pode manipular tilemaps em tempo de execução por meio de várias funções e propriedades diferentes (consulte a documentação da API para uso).

Alterando tiles por script

Você pode ler e escrever o conteúdo de um tile map dinamicamente enquanto o jogo está em execução. Para isso, use as funções tilemap.get_tile() e tilemap.set_tile():

local tile = tilemap.get_tile("/level#map", "ground", x, y)

if tile == 2 then
    -- Substitui grass-tile (2) por um tile de buraco perigoso (número 4).
    tilemap.set_tile("/level#map", "ground", x, y, 4)
end

Propriedades de Tilemap

Além das propriedades Id, Position, Rotation e Scale, existem as seguintes propriedades específicas do componente:

Tile Source

O recurso tilesource a ser usado pelo tilemap.

Material

O material a ser usado para renderizar o tilemap.

Blend Mode

O modo de mesclagem a ser usado ao renderizar o tilemap.

Modos de mesclagem

A propriedade Blend Mode define como os gráficos do componente devem ser mesclados com os gráficos atrás dele. Estes são os modos de mesclagem disponíveis e como eles são calculados:

Alpha :: Mesclagem normal: src.a * src.rgb + (1 - src.a) * dst.rgb

Add :: Clareia o fundo com os valores de cor dos pixels correspondentes do componente: src.rgb + dst.rgb

Multiply :: Escurece o fundo com os valores dos pixels correspondentes do componente: src.rgb * dst.rgb

Screen :: O oposto de Multiply. Clareia o fundo e os valores dos pixels correspondentes do componente: src.rgb - dst.rgb * dst.rgb

Alterando propriedades

Um tilemap tem várias propriedades diferentes que podem ser manipuladas usando go.get() e go.set():

tile_source

O tile source do tile map (hash). Você pode alterá-lo usando uma propriedade de recurso de tile source e go.set(). Consulte a referência da API para um exemplo.

material

O material do tile map (hash). Você pode alterá-lo usando uma propriedade de recurso de material e go.set(). Consulte a referência da API para um exemplo.

Constantes de material

O material padrão tilemap tem as seguintes constantes, que podem ser alteradas usando go.set() ou go.animate() (consulte o manual de Material para mais detalhes). Exemplos:

go.set("#tilemap", "tint", vmath.vector4(1,0,0,1))
go.animate("#tilemap", "tint", go.PLAYBACK_LOOP_PINGPONG, vmath.vector4(1,0,0,1), go.EASING_LINEAR, 2)

tint

A cor de tingimento do tile map (vector4). O vector4 é usado para representar o tingimento com x, y, z e w correspondendo ao tingimento vermelho, verde, azul e alfa.

Configuração do projeto

O arquivo game.project tem algumas configurações do projeto relacionadas a tilemaps.

Ferramentas externas

Há editores externos de mapa/fase que podem exportar diretamente para tilemaps do Defold:

Tiled

Tiled é um editor de mapas conhecido e amplamente usado para mapas ortogonais, isométricos e hexagonais. O Tiled tem suporte a muitos recursos e pode exportar diretamente para o Defold. Saiba mais sobre como exportar dados de tilemap e metadados adicionais nesta publicação de blog do usuário Defold “goeshard”

Tilesetter

Tilesetter pode ser usado para criar automaticamente tilesets completos a partir de tiles base simples, e tem um editor de mapas que pode exportar diretamente para o Defold.