Aprendendo a Construir jogos com o Construct 2
-
Upload
diogo-padilha -
Category
Software
-
view
47 -
download
0
Transcript of Aprendendo a Construir jogos com o Construct 2
![Page 1: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/1.jpg)
Aprendendo a construir jogos com o
![Page 2: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/2.jpg)
Diogo Padilha – 20 anos
![Page 3: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/3.jpg)
Construct 2 by SCIRRA
Criada pela empresa , e lançada para o público em 2007. Pode ser perfeitamente usada por pessoas de qualquer idade e qualquer conhecimento sobre programação, seja NADA ou TUDO! Isso graças ao estilo que é usado, a programação funcional está crescendo no mundo todo, principalmente no campo da educação básica.
![Page 4: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/4.jpg)
Construct 2 by SCIRRA
É uma game engine usada para criação de jogos multiplataforma em 2D baseados em HTML 5. Permite criar games para smartphones, tablets, computadores, navegadores e também para consoles.
![Page 5: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/5.jpg)
Construct 2 by SCIRRA
Quer dar uma olhada em jogos que foram feitos no Construct 2?
https://www.scirra.com/construct2/games
![Page 6: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/6.jpg)
Preços e tipos de licença
Inicial: 0800; Personal: R$369,99; Business: R$1.199,99;
![Page 7: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/7.jpg)
![Page 8: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/8.jpg)
1 - Criar um novo projeto
sas
Temos várias opções na hora de criar um novo projeto, mas vamos de um novo vazio.
![Page 9: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/9.jpg)
2 – Tela de boas vindas
Essa linha representa A tela do jogo.
![Page 10: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/10.jpg)
3 – Definir o projeto
![Page 11: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/11.jpg)
4 – Configurar o jogo
Essa será a nossa configuração inicial. Obs: • Ainda não definimos o 1º layout; • Tamanho da janela: 630 x 360
![Page 12: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/12.jpg)
5 – Criar novo layout
Após apertamos para adicionar um novo layout, devemos escolher que esse layout tenha um event sheet próprio.
![Page 13: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/13.jpg)
6 – Criar o menu do jogo
![Page 14: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/14.jpg)
6.1 – Colocar a imagem
![Page 15: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/15.jpg)
6.2 – Adicionando um botão
Esse botão será o responsável para nos levar até a tela do jogo.
![Page 16: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/16.jpg)
6.3 – Tela pronta
![Page 17: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/17.jpg)
6.4 – “Codificar” o menu
Criaremos um evento para o botão onde ele vá para o layout 2(jogo) assim que reconhecer o toque do jogador.
![Page 18: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/18.jpg)
6.4.1 – “Codificar” o menu
Esse evento “On clicked” é o responsável por reconhecer o toque do jogador.
![Page 19: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/19.jpg)
6.4.2 – “Codificar” o menu
Obs: Um evento deve ter pelo menos uma ação.
A ação “Go to Layout” é a responsável por mandar o jogador pro jogo.
![Page 20: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/20.jpg)
6.4.3 – “Codificar” o menu
Escolhendo para qual layout vai:
Estrutura final da tela de menu.
![Page 21: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/21.jpg)
7 – Criar o layout do jogo
Teremos 3 layers.
1 – Interface; 2 – Jogo; 3 – Fundo.
![Page 22: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/22.jpg)
8 – Definir fundo do layout
Imagem colocada no layer
![Page 23: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/23.jpg)
9 – Criar chão
Deve ser criado no layer que tiver interação com a personagem.
![Page 24: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/24.jpg)
9.1 – Habemus chão
![Page 25: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/25.jpg)
9.2 – Configurando o chão
O chão terá esses behaviors para que o Steve não caia do layout, e mais coisas...
![Page 26: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/26.jpg)
10 – Personagem
Steve será um sprite com um outro sprite preso a ele.
![Page 27: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/27.jpg)
10.1 – Personagem
Sim, esse troço vermelho é o Steve! Mas calma...
![Page 28: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/28.jpg)
10.2 – Personagem
Para que o Steve consiga pular, temos que adicionar esse comportamento de plataforma.
![Page 29: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/29.jpg)
Mas e o Steve?
![Page 30: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/30.jpg)
10.3 – Animando o Steve
Teremos 4 frames e 3 animações diferentes:
Pulando Andando Morrendo
![Page 31: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/31.jpg)
10.4 – Criando a animação
Área de contato
Lugar das animações
Sequência dos frames
![Page 32: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/32.jpg)
10.5 – Criando a animação
Propriedades da animação
Preview da animação
Obs: No caso do “Andando”, o frame está em loop.
![Page 33: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/33.jpg)
10.6 – Animando o Steve
O comportamento de pin deixará as animações presas ao personagem (bloco vermelho)
![Page 34: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/34.jpg)
11 – Trilha Sonora
![Page 35: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/35.jpg)
11.1 – Trilha Sonora
Áudio em .wav facilita na conversão automática para .ogg e .m4a
![Page 36: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/36.jpg)
Como ficou – Layout
![Page 37: Aprendendo a Construir jogos com o Construct 2](https://reader034.fdocument.pub/reader034/viewer/2022050800/58ae0e071a28aba3178b580d/html5/thumbnails/37.jpg)
Partiu jogar?
Já disponível na loja mais perto de você!