Caso seja a primeira vez que acessa esta série, sinta-se à vontade para juntar-se a nós. A partir do primeiro tópico da jornada você poderá aprender “do zero” a criar um game utilizando Unity, desde a instalação e configuração da ferramenta até o desenvolvimento e criação do produto final em si. Já concluímos a criação do primeiro game (Forest Ping Pong) e estamos prestes a começar a desenvolver o segundo.
Em nosso último tópico abordamos tópicos sobre a utilização e obtenção de multimídias no desenvolvimento de jogos, mídias essas que iremos começar a utilizar a partir de agora. Vamos juntos nesta caminhada rumo a novos conhecimentos!
Plataformas bidimensionais
No desenvolvimento de nosso primeiro game, homenageamos um dos clássicos da primeira geração dos videogames, Pong. Por se tratar de um jogo de mecânicas simples, determinados conceitos expostos no primeiro projeto podem ser facilmente replicados em outros contextos, como por exemplo a utilização de scripts para interação entre os elementos do jogo e as movimentações e alterações realizadas nos parâmetros dos componentes Transform e Collider.
Em comum, além de serem jogos de estilo platform 2D, os três games citados foram desenvolvidos no Japão na década de 1980, época em que muitas das convenções gerais do estilo foram criadas e aperfeiçoadas.
Algumas das características normalmente presentes nesse gênero são a presença de itens coletáveis, a utilização de pulos como um dos métodos de “deslocamento” pelas plataformas que dão nome ao estilo e o enfrentamento de perigos, que podem ser a presença de adversários, de abismos perigosos, de espinhos mortais, dentre outros.
A fim de homenagearmos essa tão importante categoria de games, iremos nos inspirar em um jogo também japonês e oitentista. Trata-se de City Connection, platformer 2D desenvolvido para arcade em 1985 pela Jaleco, posteriormente portado para videogames como o NES e o MSX.
Vandalizando em alta velocidade
Em City Connection, o jogador controla Clarice, uma jovem motorista que, dirigindo seu veículo, percorre sem parar rodovias elevadas com o único objetivo de pintar essas vias e fugir dos carros da polícia.
Apenas tomando como base a descrição, você pode pensar que se trata de um jogo de corrida e não de um platformer 2D, mas a implementação do game contém todos os elementos do gênero: você pode pular com o carro para mudar de via, utilizar itens para tirar de seu caminho os adversários, tomando cuidado com espinhos e obstáculos.
Os caminhos que Clarice percorre são cíclicos; ou seja, não há um início e um fim determinado, com os trechos se repetindo após alguns segundos dirigindo em uma direção. Dessa forma, o jogador consegue pintar as rodovias sem ter que voltar muito para trás, caso reste algum trecho não pintado.
Após a conclusão da pintura de todos os trechos de via de uma fase, o jogador é transportado a uma nova fase, com um novo fundo temático, mais pistas a pintar e adversários a enfrentar.
Iniciando o desenvolvimento
Assim como na obra da Jaleco, em nosso game o jogador também controlará um carro em pistas infinitas, mas, em vez de pintar (e vandalizar) as vias públicas, deverá coletar presentes nas fases e desviar de bombas no caminho. Trata-se do mais novo sucesso de nossa autoria, o jogo Motorista da Pesada.
Para começar, realize o download do projeto “Unity_02_MotoristaDaPesada”, que está hospedado no GitHub do GameBlast. Assim como em nosso primeiro projeto, basta acessar o link, clicar no botão verde Code e, em seguida, em Download Zip.
Nosso segundo projeto será listado a partir de agora no Unity Hub. Clique nele para abri-lo. Como trata-se da primeira vez que iremos abri-lo, o Unity realizará alguns processamentos internos, o que poderá demorar alguns minutos.
Novos elementos
Após abrir o projeto no Unity, note que, na janela Assets da barra Project, temos três pastas contendo os elementos que iremos utilizar para compor nosso projeto: Multimidia, Scenes e Scripts.
Base do menu inicial
Agora vamos colocar a mão na massa. Ainda na aba Project, dentro da pasta Assets clique duas vezes sobre o item Scenes e, finalmente, em MenuInicial.
Para garantir que as proporções de tela estão corretamente configuradas, na aba Game verifique se estamos trabalhando com as dimensões de Tamanho fixo (960x600), conforme imagem a seguir. Depois, retorne à aba Scene.
A última etapa descrita é realizada para que a tela do Canvas seja sobreposta à exibição do que está sendo captado pela câmera da cena (no caso, o GameObject Main Camera) e nas proporções de tela.
Agora, na aba Hierarchy clique com o botão direito sobre o objeto CanvasMenuInicial, em UI e, depois, em Image. Dê o nome Logo para o novo objeto, conforme ilustração a seguir:
Ao configurar os parâmetros do componente Rect Transform do objeto Logo, o primeiro item deve ser configurado como Top Left, os valores de Width e Height iguais a 200, Pos X = 125 e Pos Y = -125, conforme exemplo abaixo:
No componente Image, em Source Image, na aba Assets selecione o desenho de nome logoMotorista. Também selecione a opção Preserve Aspect, cuja funcionalidade impede as imagens de ficarem distorcidas:
Agora vamos adicionar uma imagem de fundo para o nosso menu. Na aba Hierarchy, selecione o GameObject CanvasMenuInicial. No fim da aba Inspector, clique em Add Component, em UI e, depois, insira um componente do tipo Image.
Objetos e layout
Agora iremos inserir na tela os botões e informações que, de fato, irão compor nosso menu. Na aba Hierarchy, clique com o botão direito em CanvasMenuInicial e, em seguida, em Create Empty. Dê o nome de TelaInicial ao objeto criado.
Repita esses mesmos passos e crie outro objeto com o nome de TelaSobre.
Configure os Vertical Layout Groups com os parâmetros descritos na imagem a seguir:
Agora iremos alimentar esses grupos com elementos que terão suas dimensões controladas por esses parâmetros. Na aba Hierarchy, clique com o botão direito sobre TelaInicial e insira um elemento de texto (UI > Text) de nome Titulo e dois elementos do tipo botão (UI > Button) de nomes Opcao1 e Opcao2, conforme exemplificado na imagem a seguir:
Ainda na aba Hierarchy, clique com o botão direito sobre TelaSobre e insira dois elementos de texto (UI > Text) de nomes Titulo e Conteudo e um elemento do tipo botão (UI > Button) de nome Opcao3, conforme exemplificado na imagem a seguir:
Fontes, cores e efeitos
Vamos trabalhar agora apenas com os elementos de TelaInicial. Para isso, na aba Hierarchy, selecione TelaSobre e desabilite-o na aba Inspector, conforme indica a imagem:
Agora, selecione os GameObjects de nome Text que estão subordinados a Opcao1 e Opcao2. Na aba Inspector, altere os parâmetros do componente Text para os indicados na ilustração a seguir:
Próximos passos
Começamos a criação de um novo projeto, desta vez elaborando um menu de entrada como forma tanto de dar as boas-vindas aos jogadores como, também, para exibir os créditos dos autores das multimídias envolvidas.
Em nosso próximo encontro, finalizaremos a criação do menu e daremos início à configuração e à codificação da cena da primeira fase do jogo Motorista da Pesada.
Nosso próximo texto já encontra-se disponível, continue conosco nessa jornada de conhecimento e fique ligado sempre aqui no GameBlast!
Revisão: Ives Boitano
