05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint -...

Post on 18-Jul-2020

1 views 0 download

Transcript of 05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint -...

PROJETO EXEMPLO 2

Jogo Básico

1

De acordo com o ambiente de desenvolvimento da Unity, iniciar o desenvolvimento introdutório do segundo exemplo, chamado PROJETO_EXEMPLO 2.

As operações deste exemplo estão relacionadas à criação de um personagem quepara início dos estudos será representado por um círculo.

Abrir Unity3D, escolher a opção New, criar o projeto de nome PROJETO_EXEMPLO2.NOTA IMPORTANTE: Batizar a cena do novo projeto como cena_do_jogo, inserir um Panel e configurar a propriedade Render Mode do Canvas para Screen Picture –Camera e mova a câmera para Render Camera.

2

Criando o personagem

Abrir Inkscape, clicar na opção de menu Arquivo e selecionar a opçãoPropriedades do Desenho. No campo Mostrar unidades, definir px e manter Retratopara Orientação.

3

4

Ainda no Inkscape, selecionar a ferramenta Elipse e criar um círculo simplescom a cor preta, conforme a imagem a seguir:

Salvar o arquivo do Inkscape com o nome de personagem1 na pasta na pasta Documentos.

5

No Inkscape, acessar menu Arquivo e escolher Exportar Imagem PNG.Atenção! Exportar diretamente para a pasta Assets do próprio projeto.

6

7

Inserindo um Sprite

8

Para configurar Personagem1, seguir as próximas instruções.

9

“Executar” a cena (scene), clicando no botão PLAY e observar ocomportamento do Personagem1 (objeto) na tela. Personagem1 PARADO.

10

Em “Hierarchy”, selecionar Personagem1, clicar no botão Add Component eescolher Rigidibody2D seguindo as próximas instruções.

11

“Executar” a cena (scene) e observar o comportamento do Personagem1(objeto) na tela. Personagem1 CAINDO.

12

Criando uma base retangular

No Inkscape, selecionar a ferramenta Retângulo e criar uma base emcor preta, conforme a imagem a seguir:

13

Exportar o arquivo do Inkscape de acordo com as orientações do 5ºCAPÍTULO (slide 6). Porém, o nome do arquivo a ser EXPORTADOserá base1.

14

Em “Hierarchy”, escolher cena_do_jogo, clicar com o botão direito do mousee selecionar a opção “2D Object” e depois “Sprite”. Em seguida, clicar na opçãoRename, batizar New Sprite com o nome de Base1.

Vamos agora , configurar o Sprite

15

Sprite 2D – Base Chão

16

17

Em “Hierarchy”, selecionar Base1, clicar no botão Add Component e escolherBox Collider 2D seguindo as próximas instruções.

18

Ao “executar” a cena (scene) o Personagem1 cai e passa pela Base1 sumindoda tela. Para que o Personagem1 ao cair não passe da Base1, executar as próximasorientações.

Em “Hierarchy”, selecionar Personagem1, clicar no botão Add Component eescolher Circle Collider2D, obtendo a seguinte tela:

19

“Executar” a cena (scene) e observar o comportamento do Personagem1(objeto) na tela. Personagem1 (CAINDO), porém, PARANDO na Base1 (Chão).

Resumo

20

21

As próximas orientações estão direcionadas para a inclusão de Text para representar o nome do jogo.

Em “Hierarchy”, clicar com o botão direito do mouse, escolher UI (UserInterface) e em seguida Text.

Em “Inspector”, colocar o nome Basic Game na propriedade Text. SelecionarBold para Font Style e 25 para Font Size.

Com o Seletor de cores, definir amareloparaa cor do texto.

22

Em “Hierarchy”, dar um clique duplo em Text e posicioná-lo de forma que otexto apareça na tela do jogo.

23

As próximas orientações estão direcionadas para inclusão de um Background no jogo.

24

No Inkscape, em “Arquivo” e depois “Propriedades do Desenho”, colocar aOrientação como Paisagem.

De acordo com a ilustração abaixo, selecionar a ferramenta Retângulo do Inkscape e criar um RETÂNGULO em cor verde(bem claro) para representar o background da cena.

Salvar o arquivo no Inkscape com o nome de background1.

O nome do arquivo EXPORTADO será também background1.Exportar o arquivo na pasta Assets do próprio projeto.

25

Em “Hierarchy”, escolher cena_do_jogo, clicar com o botão direito do mousee selecionar a opção “2D Object” e depois “Sprite”. Em seguida, clicar na opçãoRename, batizar New Sprite com o nome de Background1.