Tarefa 12 - Tileset Isonométrico

A tarefa referente a aula 12, consiste em discutir sobre a criação de um tileset isonométrico. Em sala aprendemos a criar tileset utilizando o processing, tendo como base matemática a criação de matrizes.

Mas o que é um tileset isométrico?

Tilesets são um conjunto de gráficos usados para criar mapas em um jogo. Cada tile do tileset equivale a um espaço em pixels e é possível combiná-los em um mesmo espaço através do uso de camadas para criar o mapa. Quando isométrico, significa que usamos do efeito comumente chamado de 2,5D, que utiliza de gráficos 2D em uma certa posição para criar-se um efeito 3D.

Exemplo:

Assim, busquei criar o meu próprio tileset, utilizando apenas duas imagens. Acredito que se mais imagens fossem colocadas, o tileset ficaria mais legal.
int x,y;
float z;

void setup(){
size(900,600);

PImage imgGrama, imgTerra;

  imgGrama = loadImage("Grama.png");
  imgTerra = loadImage("Terra.png");  
  
  int[][]mapa = {{0,0,0,1,0,0,0,0},
                {0,0,0,1,0,0,0,0},
                {0,0,0,1,0,0,0,0},
                {0,0,0,1,0,0,0,0},
                {0,0,0,1,0,0,0,0},
                {0,0,0,1,0,0,0,0},
                {0,0,0,1,0,0,0,0},
                {0,0,0,1,0,0,0,0}};
                
  translate(width/2, 0);
  
  for(int i = 0; i<8; i++){
    x = 0;
    y +=25;
    z+=25.5;
     for(int j = 0; j<8; j++){
     x+=50;
       switch(mapa[j][i]){
       case 0: image(imgGrama, i*50-x,j*25+y);
       break;
       case 1: image(imgTerra, i*50-x,j*25+y);
       break;
       
     }
     }
  }
}