Atividade 12 - Mapa isométrico com tilesets
A ideia da atividade é desenvolver uma função que desenha um mapa a partir de dois tilesets escolhidos. Os tilesets que escolhi podem ser encontrados aqui.
Escolhi 3 tilesets para mostrar que é possível manipular imagens de dimensões diferentes.
O primeiro a se fazer, é criar as variáveis PImage que guardarão as imagens. Defino as variáveis no evento setup(), definindo suas respectivas localizações. Após isso, criei uma variável inteira que recebe a organização dos tilesets em forma de matriz, como na figura a seguir:
Tilesets escolhidos
Escolhi 3 tilesets para mostrar que é possível manipular imagens de dimensões diferentes.
O primeiro a se fazer, é criar as variáveis PImage que guardarão as imagens. Defino as variáveis no evento setup(), definindo suas respectivas localizações. Após isso, criei uma variável inteira que recebe a organização dos tilesets em forma de matriz, como na figura a seguir:
1- grama comum 2- água 3- grama alta
Com tudo pronto, crio a função que desenha o mapa. Nela chamo dois laços for() que percorrerão todas as posições da matriz. Dentro deles, crio um switch() para saber o valor de cada posição e desenhar o tileset correto.
Para definir as coordenadas dos tilesets, primeiro temos que saber as dimensões da mesma.
No tileset da grama mais alta, é basicamente as mesmas medidas, mas a grama aumenta 10px.
Agora resta multiplicar os valores encontrados com as posições da matriz em ambas as coordenadas. Adicionei também valores para que o mapa fique centralizado na tela.
Resultado final
Para baixar o projeto comentado clique aqui.
Comentários
Postar um comentário