Tutorial: Mecânica de Connect 3 com C# no Unity3D – Parte 02

Olá, pessoal. Nesse artigo darei continuidade à série de tutoriais sobre como implementar a mecânica de connect 3 usando C# em Unity3D.

Nessa parte mostrarei a montagem do Item que será clicável.

Caso ainda não tenha lido a primeira parte, você pode e deve fazer isso clicando aqui. 

Criando o Item

De início vamos criar o objeto e o script do nosso item. Para tal, primeiro devemos acessar o projeto criado anteriormente no Unity. Também adicionar um novo Game Object à cena nomeando-o de Item e adicionar um SpriteRenderer como componente ao Game Object. Feito isso, deve-se criar um novo BehaviourScript.  Chamemos de ItemBehaviourScript e também devemos adicioná-lo ao Item.

Usemos a imagem abaixo como sprite para o objeto:

Em seguida, precisamos criar uma layer para o Item. Para isso, acesse e menu de layer no Inspector e adicione uma nova chamada Tocavel.

Agora deve-se acessar o script que acabamos que criar.

Vamos ao Script

Em nosso ItemBehaviourScript precisaremos criar dois atributos do tipo inteiro para controlar a posição do item dentro do grid. Também um outro inteiro que guardará o id do item. Usaremos esse id para saber se os itens são do mesmo tipo.

 

public class ItemBehaviourScript{

public int X { get; private set; };

public int Y { get; private set; };

public int id;

}

Também vamos precisar de alguns métodos para definirmos os comportamentos do Item, para posicionar, selecionar, remover a seleção e sair.

Primeiro temos o posicionamento, que não fará nada mais que configurar os atributos x e y.

// posicionando o item no grid

public void Posicionar(int x, int y)

{

this.x = x;

this.y = y;

}

Em Selecionar, modificaremos o tamanho do nosso objeto. Enquanto o “Deselecionar” o faz voltar ao tamanho normal.

//selecionando

public void Selecionar()

{

transform.localScale = new Vector2(2, 2);

}

// removendo a seleção

public void Deselecionar()

{

transform.localScale = new Vector2(1,1);

}

E Sair fica responsável por desativar o Item.

// remove o Item

public void Sair()

{

gameObject.setActive(false);

}

Para finalizar devemos transformar nosso Game Object Item em um prefab. Na verdade, serão cinco prefabs trocando a propriedade de cor do SpriteRenderer. Basta repetir os passos:

1. Altere a cor do SripteRenderer para uma cor que você ainda não usou;

2. Renomeie o Game Object para um nome que lembre a cor que você colocou, por exemplo, ItemAzul;

3. Crie uma pasta chamada Prefabs, se ainda não o tiver feito;

4. Araste o Game Object do Item para dentro da pasta.

Acredito que se você chegou até esse artigo, já deve ter algum conhecimento na criação de prefabs, mas fica a dica para aqueles que querem acompanhar a fio essa série de tutoriais.

Finalizo essa parte por aqui. Na próxima, vamos ver como fica a montagem do Grid e a manipulação dos Itens pelo toque. Até lá.