Criando um jogo de plataforma com Construct3 - Parte 1
Tags: construct3, game
Published: 2019-11-21 00:25:00

# Introdução

As vezes você está entediado no seu trabalho e decide utilizar 15 minutos do seu tempo para se distrair. Que tal criar um jogo de plataforma simples e sem a necessidade de instalar programa algum, apenas usando o navegador?  

Construct3 permite que seja possível criar jogos 2D com grande rapidez, bastando utilizar um pouco de lógica de programação e atribuindo comportamentos aos objetos como física, solidez, plataforma, projétil, etc.

Projeto completo disponível [aqui](https://drive.google.com/open?id=1fLNGl_lkKpvYjoPl9XqVVixjZMTdeg9S).

## Instruções

Acesse a [página web do Construct3](https://editor.construct.net/) e pressione em "NOVO PROJETO":

![print01](https://thepracticaldev.s3.amazonaws.com/i/4t1yif8mt3swdn3obgmd.JPG)

Crie um projeto com a configuração padrão:

![print02](https://thepracticaldev.s3.amazonaws.com/i/p5cxim3b10g7ljnml22d.JPG)

Pressione o botão direito do mouse na área de trabalho da aba "Layout 1" e selecione "Inserir novo objeto":

![print03](https://thepracticaldev.s3.amazonaws.com/i/s3e9g1b7v2wuuq64frkj.JPG)

Criaremos plataformas sólidas por onde nosso personagem irá se movimentar. Para isso, insira o objeto "Sprite" no layout:

![print04](https://thepracticaldev.s3.amazonaws.com/i/vjf1ast0nipd7j2ho4wv.JPG)

Na janela de edição de animações do Sprite, apenas adicione uma cor no quadrado e feche a janela:

![print05](https://thepracticaldev.s3.amazonaws.com/i/3ir9k682rttepchjmego.JPG)

Transforme o sprite em um retângulo e o coloque na base da área tracejada:

![print06](https://thepracticaldev.s3.amazonaws.com/i/s8mwniketpgw74vssjdy.JPG)

Adicione um comportamento ao retângulo:

![print07](https://thepracticaldev.s3.amazonaws.com/i/6fg3b7eqjl1j0qd53i4t.JPG)

Selecione sólido:

![print08](https://thepracticaldev.s3.amazonaws.com/i/menf3ov5dz43rcrz8n3b.JPG)

Pronto! Temos o piso do cenário.  
Faça uma cópia do retângulo e crie uma pequena plataforma flutuante do lado direito:

![print09](https://thepracticaldev.s3.amazonaws.com/i/5x1myspebjl8d929d72v.JPG)

Crie um novo sprite seguindo os passos anteriores para que tenha o comportamento sólido, mas dessa vez ele ficará do lado esquerdo da tela e irá se mover para cima e para baixo. Para isso, será necessário adicionar o comportamento "Senóide":

![print10](https://thepracticaldev.s3.amazonaws.com/i/21a1dw2te5frku9u7r9d.JPG)

Você pode visualizar e editar os comportamentos pela janela de propriedades:

![print11](https://thepracticaldev.s3.amazonaws.com/i/ymmst64rmo70wshaw1gi.JPG)

Se você executar o jogo, verá que a plataforma da esquerda estará se movendo horizontalmente ao invés de verticalmente. Para alterar essa característica padrão do comportamento senoidal, vamos utilizar a aba "Folha de eventos 1":

![print12](https://thepracticaldev.s3.amazonaws.com/i/24v0uoc22dw6f9drm7on.JPG)

Ao pressionar em "Adicionar..." -> "Adicionar Evento", selecione o objeto "Sistema" e clique em "Próximo":

![print13](https://thepracticaldev.s3.amazonaws.com/i/cqig6hg831uwp8s0lzzx.JPG)

Adicione a condição "Ao iniciar layout" e continue:

![print14](https://thepracticaldev.s3.amazonaws.com/i/fsz3x917djqgx0ads31m.JPG)

Uma condição será adicionada na aba de eventos e precisará de uma conclusão. Pressione em "Adicionar ação":

![print15](https://thepracticaldev.s3.amazonaws.com/i/qgzyd6ozg19bkwv4ua6b.JPG)

Selecione o sprite correspondente à plataforma senoidal e continue:

![print16](https://thepracticaldev.s3.amazonaws.com/i/gxip4bl06k6xdq4qc2f7.JPG)

Selecione "Definir movimento" e prossiga:

![print17](https://thepracticaldev.s3.amazonaws.com/i/h4j2ayg6ync3hlnpv5ad.JPG)

Selecione a opção vertical e conclua:

![print18](https://thepracticaldev.s3.amazonaws.com/i/ir58hxwsbnomfjvwaext.JPG)

Pronto!  
Temos a primeira condição do jogo que será ativada automaticamente ao executá-lo.

![print19](https://thepracticaldev.s3.amazonaws.com/i/6lvs6m26m2ck01dpoeo4.JPG)
 
Na próxima parte, iremos adicionar nosso personagem!