05 projeto exemplo2mz.pro.br/proggame/05_projeto_exemplo2.pdf · microsoft powerpoint -...

25
PROJETO EXEMPLO 2 Jogo Básico 1

Upload: others

Post on 18-Jul-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint - 05_Projeto_Exemplo2.pptx Author: menezes Created Date: 5/24/2019 4:37:09 PM

PROJETO EXEMPLO 2

Jogo Básico

1

Page 2: 05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint - 05_Projeto_Exemplo2.pptx Author: menezes Created Date: 5/24/2019 4:37:09 PM

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

Page 3: 05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint - 05_Projeto_Exemplo2.pptx Author: menezes Created Date: 5/24/2019 4:37:09 PM

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

Page 4: 05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint - 05_Projeto_Exemplo2.pptx Author: menezes Created Date: 5/24/2019 4:37:09 PM

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.

Page 5: 05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint - 05_Projeto_Exemplo2.pptx Author: menezes Created Date: 5/24/2019 4:37:09 PM

5

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

Page 6: 05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint - 05_Projeto_Exemplo2.pptx Author: menezes Created Date: 5/24/2019 4:37:09 PM

6

Page 7: 05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint - 05_Projeto_Exemplo2.pptx Author: menezes Created Date: 5/24/2019 4:37:09 PM

7

Inserindo um Sprite

Page 8: 05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint - 05_Projeto_Exemplo2.pptx Author: menezes Created Date: 5/24/2019 4:37:09 PM

8

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

Page 9: 05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint - 05_Projeto_Exemplo2.pptx Author: menezes Created Date: 5/24/2019 4:37:09 PM

9

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

Page 10: 05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint - 05_Projeto_Exemplo2.pptx Author: menezes Created Date: 5/24/2019 4:37:09 PM

10

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

Page 11: 05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint - 05_Projeto_Exemplo2.pptx Author: menezes Created Date: 5/24/2019 4:37:09 PM

11

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

Page 12: 05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint - 05_Projeto_Exemplo2.pptx Author: menezes Created Date: 5/24/2019 4:37:09 PM

12

Criando uma base retangular

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

Page 13: 05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint - 05_Projeto_Exemplo2.pptx Author: menezes Created Date: 5/24/2019 4:37:09 PM

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.

Page 14: 05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint - 05_Projeto_Exemplo2.pptx Author: menezes Created Date: 5/24/2019 4:37:09 PM

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

Page 15: 05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint - 05_Projeto_Exemplo2.pptx Author: menezes Created Date: 5/24/2019 4:37:09 PM

15

Sprite 2D – Base Chão

Page 16: 05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint - 05_Projeto_Exemplo2.pptx Author: menezes Created Date: 5/24/2019 4:37:09 PM

16

Page 17: 05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint - 05_Projeto_Exemplo2.pptx Author: menezes Created Date: 5/24/2019 4:37:09 PM

17

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

Page 18: 05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint - 05_Projeto_Exemplo2.pptx Author: menezes Created Date: 5/24/2019 4:37:09 PM

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:

Page 19: 05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint - 05_Projeto_Exemplo2.pptx Author: menezes Created Date: 5/24/2019 4:37:09 PM

19

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

Page 20: 05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint - 05_Projeto_Exemplo2.pptx Author: menezes Created Date: 5/24/2019 4:37:09 PM

Resumo

20

Page 21: 05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint - 05_Projeto_Exemplo2.pptx Author: menezes Created Date: 5/24/2019 4:37:09 PM

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.

Page 22: 05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint - 05_Projeto_Exemplo2.pptx Author: menezes Created Date: 5/24/2019 4:37:09 PM

22

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

Page 23: 05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint - 05_Projeto_Exemplo2.pptx Author: menezes Created Date: 5/24/2019 4:37:09 PM

23

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

Page 24: 05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint - 05_Projeto_Exemplo2.pptx Author: menezes Created Date: 5/24/2019 4:37:09 PM

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.

Page 25: 05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint - 05_Projeto_Exemplo2.pptx Author: menezes Created Date: 5/24/2019 4:37:09 PM

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.