05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint -...
Transcript of 05 Projeto Exemplo2mz.pro.br/proggame/05_Projeto_Exemplo2.pdf · Microsoft PowerPoint -...
![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 ...](https://reader033.fdocumentos.com/reader033/viewer/2022050201/5f54a4c353b21939a570b900/html5/thumbnails/1.jpg)
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 ...](https://reader033.fdocumentos.com/reader033/viewer/2022050201/5f54a4c353b21939a570b900/html5/thumbnails/2.jpg)
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 ...](https://reader033.fdocumentos.com/reader033/viewer/2022050201/5f54a4c353b21939a570b900/html5/thumbnails/3.jpg)
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 ...](https://reader033.fdocumentos.com/reader033/viewer/2022050201/5f54a4c353b21939a570b900/html5/thumbnails/4.jpg)
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 ...](https://reader033.fdocumentos.com/reader033/viewer/2022050201/5f54a4c353b21939a570b900/html5/thumbnails/5.jpg)
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 ...](https://reader033.fdocumentos.com/reader033/viewer/2022050201/5f54a4c353b21939a570b900/html5/thumbnails/6.jpg)
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 ...](https://reader033.fdocumentos.com/reader033/viewer/2022050201/5f54a4c353b21939a570b900/html5/thumbnails/7.jpg)
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 ...](https://reader033.fdocumentos.com/reader033/viewer/2022050201/5f54a4c353b21939a570b900/html5/thumbnails/8.jpg)
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 ...](https://reader033.fdocumentos.com/reader033/viewer/2022050201/5f54a4c353b21939a570b900/html5/thumbnails/9.jpg)
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 ...](https://reader033.fdocumentos.com/reader033/viewer/2022050201/5f54a4c353b21939a570b900/html5/thumbnails/10.jpg)
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 ...](https://reader033.fdocumentos.com/reader033/viewer/2022050201/5f54a4c353b21939a570b900/html5/thumbnails/11.jpg)
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 ...](https://reader033.fdocumentos.com/reader033/viewer/2022050201/5f54a4c353b21939a570b900/html5/thumbnails/12.jpg)
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 ...](https://reader033.fdocumentos.com/reader033/viewer/2022050201/5f54a4c353b21939a570b900/html5/thumbnails/13.jpg)
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 ...](https://reader033.fdocumentos.com/reader033/viewer/2022050201/5f54a4c353b21939a570b900/html5/thumbnails/14.jpg)
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 ...](https://reader033.fdocumentos.com/reader033/viewer/2022050201/5f54a4c353b21939a570b900/html5/thumbnails/15.jpg)
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 ...](https://reader033.fdocumentos.com/reader033/viewer/2022050201/5f54a4c353b21939a570b900/html5/thumbnails/16.jpg)
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 ...](https://reader033.fdocumentos.com/reader033/viewer/2022050201/5f54a4c353b21939a570b900/html5/thumbnails/17.jpg)
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 ...](https://reader033.fdocumentos.com/reader033/viewer/2022050201/5f54a4c353b21939a570b900/html5/thumbnails/18.jpg)
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 ...](https://reader033.fdocumentos.com/reader033/viewer/2022050201/5f54a4c353b21939a570b900/html5/thumbnails/19.jpg)
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 ...](https://reader033.fdocumentos.com/reader033/viewer/2022050201/5f54a4c353b21939a570b900/html5/thumbnails/20.jpg)
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 ...](https://reader033.fdocumentos.com/reader033/viewer/2022050201/5f54a4c353b21939a570b900/html5/thumbnails/21.jpg)
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 ...](https://reader033.fdocumentos.com/reader033/viewer/2022050201/5f54a4c353b21939a570b900/html5/thumbnails/22.jpg)
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 ...](https://reader033.fdocumentos.com/reader033/viewer/2022050201/5f54a4c353b21939a570b900/html5/thumbnails/23.jpg)
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 ...](https://reader033.fdocumentos.com/reader033/viewer/2022050201/5f54a4c353b21939a570b900/html5/thumbnails/24.jpg)
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 ...](https://reader033.fdocumentos.com/reader033/viewer/2022050201/5f54a4c353b21939a570b900/html5/thumbnails/25.jpg)
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.