Caso esteja acessando pela primeira vez nossa série, não se preocupe: a partir do primeiro tópico de nossa jornada você irá aprender desde a instalação e configuração do Unity até os conceitos que iremos abordar aqui, como a criação de scripts, assunto esse que foi abordado em nosso último tópico. Sinta-se à vontade para nos acompanhar nesta caminhada rumo a novos conhecimentos!
Barreiras invisíveis
Vamos “dar um tempo” às cobras e pensar em uma questão bem interessante: como delimitar qual é o espaço em que minha bolinha pode “pingar” pela tela e, também, em quais posições da tela são atribuídos pontos ao jogador caso a bolinha passe por elas?
Para desenvolvermos essas ideias, vamos colocar a mão na massa: no Unity Hub abra o projeto Forest Ping Pong e acesse a aba Scene, conforme imagem a seguir. Nós iremos criar alguns elementos invisíveis que servirão como “barreiras”, a fim de conter a bolinha no espaço correto do jogo.
.jpg)
Selecione GolEsquerda para o posicionarmos adequadamente na tela. Na aba Inspector, em RectTransform clique sobre o botão de posicionamento (em destaque na imagem a seguir) e escolha o item Middle left. Seu valor de Width será 50 e de Height será 600, posições X e Y terão valor 0:
Selecione o GameObject LimiteSuperior para editarmos seus parâmetros de RectTransform: o posicionamento selecionado será Top center, Width com valor igual a 960, Height com valor igual a 25, posicionamento X terá valor 0 e posicionamento Y terá valor -100:
Na aba Project, dentro da pasta Scripts, clique com o botão direito em uma área vazia, selecione a opção Create e, em seguida, a opção C# Script. Para esse script dê o nome de controladorJogo e pressione Enter.
Nesse caso em específico nós não iremos aproveitar a estrutura básica que nos é oferecida: iremos alterar a estrutura do script para tornar controladorJogo uma classe estática. Em programação orientada a objetos, uma classe estática não precisa ser instanciada para ser acessada pelos demais scripts e objetos; em termos práticos, não teremos que atrelar controladorJogo a nenhum objeto do Unity para que os scripts em geral possam ler e escrever os dados contidos ali.
Dadas as explicações, mãos à obra: selecione todo o código presente a partir do início do seguinte trecho de código: “public class controladorJogo…” e substitua-o pelo conteúdo a seguir:
public static class controladorJogo
{
public static int PlacarJogador = 0;
public static int PlacarAdversario = 0;
}
Salve o script, minimize o Visual Studio e volte ao Unity, pois criaremos mais alguns scripts bem interessantes. Na aba Project, dentro da pasta Scripts, clique com o botão direito em uma área vazia, selecione a opção Create e, em seguida, a opção C# Script. O nome desse novo script será controladorBola.
internal int DirecaoVertical = 1;
internal int DirecaoHorizontal = 1;
public float VelocidadeBola;
Ainda com a janela do código aberta, preencha o código a seguir dentro das chaves { } do método void Update():
gameObject.transform.position = new Vector2(gameObject.transform.position.x + (VelocidadeBola * DirecaoHorizontal * Time.deltaTime * 60), gameObject.transform.position.y + (VelocidadeBola * DirecaoVertical * Time.deltaTime * 60));
Salve o script, minimize o Visual Studio e volte ao editor do Unity. Selecione o GameObject Bolinha e, na aba Inspector, clique em Add Component, Scripts e, por fim, em Controlador Bola, para inserirmos esse comportamento em nossa bolinha virtual.
Agora, que tal darmos uma olhada no comportamento real da bolinha? Para isso, acesse a aba Game e pressione o botão Play.
Na aba Inspector, clique em Add Component e na caixa de pesquisa digite a palavra "box" (sem as aspas), para aparecer, dentre as opções disponíveis, Box Collider 2D. Insira esse elemento para ambos os GameObjects.
Dica: caso tenha inserido mais de um componente do mesmo tipo em um determinado objeto e precise removê-lo (para ficar com apenas um, por exemplo), basta clicar nos três pontinhos na extremidade direita do componente e selecionar Remove Component. Em nossos exemplos do projeto iremos utilizar apenas um componente de cada tipo para cada objeto.
Agora que já inserimos esse componente, tanto para LimiteInferior quanto para LimiteSuperior, na aba Inspector mantenha selecionado o item Is Trigger para o Box Collider 2D e, nos campos Size, conceda o valor 960 para o campo X e 25 para o campo Y, conforme imagem a seguir:
Iremos inserir o mesmo tipo de componente para os objetos GolEsquerda e GolDireita. Repita os passos que utilizamos para inserir os Box Collider 2D anteriormente. O item Is Trigger deverá ser mantido selecionado e, nos campos Size, preencha X com o valor 50 e Y com o valor 600, conforme ilustra a imagem abaixo:
Colliders e Triggers
Até o momento inserimos esses componentes nos objetos, mas, de fato, do que se tratam os tais Colliders? Trata-se de uma categoria de componentes que permitem ao objeto detectar se houve uma colisão com outro objeto dentro da área determinada pelo Collider por meio de "gatilhos" (Triggers), acionados e detectados pelo código dos scripts. Um exemplo de componente da categoria é o Box Collider 2D. Mais à frente em nosso trajeto de aprendizado iremos conhecer os pormenores do funcionamento dos Colliders.
Agora, selecione o GameObject Bolinha e adicione um componente a ele; desta vez não utilizaremos um Box Collider 2D, mas sim um Circle Collider 2D. O item Is Trigger desta vez não deverá ser mantido selecionado e, para o campo Radius, insira o valor 25, conforme imagem abaixo:
O componente Rigidbody 2D atua dando um "corpo físico" a um objeto, o que irá auxiliar no processo de detecção dos Colliders. Veremos mais sobre isso em textos posteriores.
Com os componentes atrelados aos objetos, é hora de codificarmos os scripts que se aproveitarão dos comportamentos observados para tomar ações e decisões bem interessantes. Na aba Project, abra a pasta Scripts, clique com o botão direito em uma área vazia, clique em Create e, em seguida, C# Script. Dê a esse script o nome de limite e pressione Enter.
private void OnTriggerEnter2D(Collider2D other)
{
if (other.gameObject.name.StartsWith("Bolinha"))
other.gameObject.GetComponent<controladorBola>().DirecaoVertical = other.gameObject.GetComponent<controladorBola>().DirecaoVertical * -1;
}
O código em si fará o seguinte: caso o objeto colisor (other) tenha o nome iniciado pelo texto “Bolinha”, seu componente controladorBola terá o sinal do valor da variável DirecaoVertical “invertido”. Na prática, se a bolinha bateu no limite superior, irá descer; se bateu no limite inferior, irá subir.
Salve o script no Visual Studio e vamos voltar ao Unity. Adicione aos GameObjects LimiteSuperior e LimiteInferior o componente Limite (aba Inspector, botão Add Component, Scripts, Limite); assim ambos estarão habilitados a rebater a bolinha.
public bool GolDaEsquerda, GolDaDireita;
public UnityEngine.UI.Text TextoPlacarJogador, TextoPlacarAdversario;
private void OnTriggerEnter2D(Collider2D other)
{
if (other.gameObject.name.StartsWith("Bolinha"))
{
if (GolDaEsquerda == true)
controladorJogo.PlacarAdversario = controladorJogo.PlacarAdversario + 1;
else if (GolDaDireita == true)
controladorJogo.PlacarJogador = controladorJogo.PlacarJogador + 1;
//Ajustar o placar:
TextoPlacarJogador.text = "Jogador: " + controladorJogo.PlacarJogador;
TextoPlacarAdversario.text = "Adversário: " + controladorJogo.PlacarAdversario;
//Voltar bolinha para o centro da tela:
other.gameObject.transform.localPosition = new Vector2(0,0);
}
}
- Primeiro declaramos algumas variáveis para que o script saiba se o objeto ao qual ele está atrelado é o “gol” da esquerda ou da direita; também declaramos variáveis para indicar quais objetos são os que terão o texto alterado ao se marcar um ponto (no caso, os placares na tela).
- Após as declarações das variáveis, dentro do método OnTriggerEnter2D, assim que um objeto colidir com esses gols, ele verificará se trata-se da bolinha. Caso positivo, ele atribuirá um ponto ao jogador ou ao adversário, dependendo se tratar-se do gol da direita ou da esquerda, respectivamente.
- Após a atribuição do ponto, será atualizado o texto do placar na tela e, por fim, a bolinha será devolvida ao centro da tela (posições X e Y com valor igual a 0) para recomeçar a partida.
Não se esqueça de salvar o script. Minimize o Visual Studio e vamos voltar novamente ao Unity.
Selecione os GameObjects GolEsquerda e GolDireita e atribua o componente Gol a ambos, conforme imagem a seguir:
Experimente e veja como o jogo está ficando, indo na aba Game e pressionando o botão Play.
Cobrinhas defensoras
Você pôde perceber que, apesar de já termos um comportamento bacana em relação à movimentação da bola dentro do campo de jogo, aparentemente as cobrinhas não são boas “goleiras”, pois elas não conseguem rebater a bola e acabam levando “goleadas” nesta partida de tênis de mesa virtual. Pois é, precisaremos inserir alguns Colliders nos objetos das peçonhentas para que o jogo aconteça de verdade. Vamos lá!
Selecione os objetos Personagem01 e Personagem02 e insira Box Colliders 2D neles. Ambos terão o parâmetro Is Trigger selecionado, Size X = 35 e Size Y = 250, conforme imagem abaixo:
private void OnTriggerEnter2D (Collider2D other)
{
if (other.gameObject.name.StartsWith("Bolinha"))
other.gameObject.GetComponent<controladorBola>().DirecaoHorizontal = other.gameObject.GetComponent<controladorBola>().DirecaoHorizontal * -1;
}
Salve o script, minimize o Visual Studio e teste o game no Unity. Agora sim temos um jogo de verdade, mas ainda vamos corrigir algumas coisas.
Dentro das chaves { } abaixo de “if (Input.GetKey(KeyCode.T))” e de “if (Input.GetKey(KeyCode.O))” altere o conteúdo presente para:
gameObject.transform.position = new Vector2(gameObject. transform.position.x, Mathf.Min(365, gameObject. transform.position.y + (VelocidadeDaCobrinha * Time.deltaTime * 60)));
Já dentro das chaves { } abaixo de “if (Input.GetKey(KeyCode.G))” e de “if (Input.GetKey(KeyCode.L))” altere o conteúdo presente para:
gameObject.transform.position = new Vector2(gameObject. transform.position.x, Mathf.Max(135, gameObject. transform.position.y - (VelocidadeDaCobrinha * Time.deltaTime * 60)));
A imagem a seguir ilustra o preenchimento do código para os botões T e G do teclado. Faça o mesmo para os botões O e L, utilizando as codificações indicadas a seguir, respectivas a cada botão:
Salve o script, feche o Visual Studio e teste o game no Unity para ver a alteração.
Próximos passos
De certa forma, já temos um jogo quase pronto, com regras bem definidas, elementos de cenário, personagens e pontuação funcionando bem, mas faltam alguns poucos itens para que nossa experiência esteja completa.
Em nosso próximo passo iremos finalizar a construção do game Forest Ping Pong ao refinar elementos de desafio do jogo (como a velocidade da bolinha), inserção de componentes para início e término da partida e, por fim, geração do executável de seu jogo, que estará pronto para proporcionar altas partidas virtuais de tênis de mesa.
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
