Mapas em Jogos 2D - Parte I

Mapas em jogos 2D é construído através do uso de matrizes. No segundo ano do Ensino Médio é ensinado o conceito de matrizes, que nada mais é que uma estrutura que serve para apresentar ou representar dados em forma de tabela, linhas e colunas. Em jogos 2D podemos fazer a mesma coisa, criar uma matriz que representa o mapa do jogo. A Imagem 1 mostra um exemplo de como representar um mapa 2D através de matrizes.

Imagem 1

A Imagem 1 ilustra o uso de matrizes em jogos 2D, sendo a declaração do mapa feita em JavaScript. Nesse mapa os zeros poderiam representar espaços vazios, enquanto que os números 1 poderiam representar um terreno ou uma plataforma. Observe também, que a construção do mapa é feita através de um array de duas dimensões, o que significa que na linha 0 temos o array [0, 0, 0, 0, 0], enquanto que na linha 1 temos o array [1, 0, 0, 0, 0] e por aí vai. Para acessar uma célula no mapa é preciso informa a linha e a coluna. Por exemplo, ao acessar a linha 1, coluna 0, estamos acessando a célula que contém o número 1. Na linha 4, coluna 3, temos o elemento zero. Abaixo é mostrado um trecho de código que poderia ser utilizado para a leitura do mapa da Imagem 1.

A saída no console para o trecho de código anterior seria:

0 0 0 0 0
1 0 0 0 0
0 0 1 1 0
0 0 0 1 0
1 1 1 0 1

Uma vez definido o mapa, também será preciso definir o tamanho de cada célula do mapa, normalmente é utilizado um tamanho quadrado. Cada célula no mapa é conhecido como tile e o tamanho da célula de tileSize. Na Listagem 1 será construído um mapa 5x5, 5 linha e 5 colunas, e com um tileSize de 32 pixel.

Listagem 1

A Imagem 1.1 mostra o resultado

Imagem 1.1