Ulysses Flexa's profile

Aula 10 - Mapa Isométrico

Aula 10 - Mapa isométrico 
Problema proposto
Desenvolver e explicar uma aplicação que apresenta um mapa isométrico com base em dois tiles à sua escolha.
O que é um tile e um mapa isométrico ?
Bom, provavelmente você já deve ter jogado algum jogo se você está lendo meu portfólio. E e se você não sabe a ideia de tiles é bastante usado em jogos para facilitar o processo de desenvolvimento de seus cenários. A partir de padrões constrói-se todo um cenário. E isso não é aplicado só a jogos, podemos nos referir a tiles como "ladrilhas" de uma casa. Como no caso das imagens acima, esquerda(jogo) e direita(casa)
Desenvolvimento do meu mapa isométrico 
Para desenvolver um mapa isométrico é importante que se dê atenção às dimensões do seus padrões. No meu caso usei esses 2 tiles para compor meu mapa e eles possuem 64x32 de dimensão. É interessante ressaltar que trabalhar com números pares e divisíveis facilita o processo. Ok, sabendo das teorias de importar imagem e funções das aulas passadas podemos ir para as novas matérias. 
Passo 1 : Criar um vetor 7x7 (sete linhas e sete colunas) que irá determinar onde cada tile estará posicionado.
Passo 2 : Criar uma função 'mostraMundo' que desenhará os tiles de acordo com o posicionamento deles no mapa :
-Para isso, usei dois laços de repetição, um para controlar a coluna outro para as linhas, que vão de 0 a 6
-Além disso um 'switch' para controlar os "casos"; caso 0 = tile de grama / caso 1 = tile de terra.
-Usando da chamada da imagem('image') tem-se a : posição x = valores inicias dos laços mais a metade da largura do tile ; posição y = valores inicias dos laços mais a metade da metade da largura do tile.

visualização da explicação 
Aula 10 - Mapa Isométrico
Published:

Aula 10 - Mapa Isométrico

Published: