DEV Community

Cover image for Criando um jogo de plataforma com Construct3 - Parte 1
LUCIANO DE SOUSA PEREIRA
LUCIANO DE SOUSA PEREIRA

Posted on

2 2

Criando um jogo de plataforma com Construct3 - Parte 1

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.

Instruções

Acesse a página web do Construct3 e pressione em "NOVO PROJETO":

print01

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

print02

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

print03

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

print04

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

print05

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

print06

Adicione um comportamento ao retângulo:

print07

Selecione sólido:

print08

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

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

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

print11

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

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

print13

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

print14

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

print15

Selecione o sprite correspondente à plataforma senoidal e continue:

print16

Selecione "Definir movimento" e prossiga:

print17

Selecione a opção vertical e conclua:

print18

Pronto!

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

print19

Na próxima parte, iremos adicionar nosso personagem!

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay