Construindo um jogo de plataforma - in Portuguese

Favourite 18 favourites
Tutorial written by gaholandaOriginally published on 16th, February 2012 - 4 revisions

AVISO IMPORTANTE

Se ainda não viu, LEIA o tutorial 'Começando com o Construct 2'. É necessário que você o faça antes de continuar.

Aqui você aprenderá a:
- Usar melhor os comportamentos built-in
- Trocar animações: standing > running > falling
- Testar seu progresso e atribuir pontos


Construindo blocos – os objetos a inserir

Os games de plataforma possuem dois tipos de objetos-chave: Solids (sólidos) e Platforms (plataformas).

Sólidos são óbvios: constituem o chão e paredes que limitam os movimentos do jogador. O conceito de Plataformas pode confundi-lo de primeira: ao invés das plataformas serem onde o jogador fica em pé, luta, corre e pula, elas são objetos que fazem ele estar parado, lutando, correndo ou pulando.
Confuso? É , eu também achei. =P

Pensa assim, não é o jogador que age sobre a plataforma, É A PLATAFORMA QUE AGE SOBRE O JOGADOR.

O jogador não fica em pé na plataforma. É ela que possibilita ao jogador ficar de pé nela.
O mais legal dos objetos de Plataforma no Construct 2 é que você já tem disponível todos os comportamentos básicos de uma plataforma, sem ter que fazer nenhum tipo de programação:

- Quando você pressiona as setas para esquerda ou direita, os objetos de Plataform movem-se nestas direções (você pode mudar os comandos, para 'A' e 'D', se preferir, ou substituí-los por movimentos de toque em dispositivos móveis).

- Quando você aperta 'Shift', eles pulam (como dito em cima, você pode mudar o comando ou dar suporte ao touchscreen).

- Quando eles não possuem um objetos Sólido abaixo deles, caem.

Parte 1: Começando a construir

Construindo o layout de jogo

Para um rápido início, eu já tenho preparado um layout básico. Baixe-o aqui e ele será a nossa base neste tutorial.
Ao abri-lo no Constuct2, você verá a seguinte tela:


Isto é o que você vê no layout:
- 4 pisos em diferentes alturas e com tamanhos diferentes, de forma que o espaço de cima é mais difícil de saltar que o de baixo. Clique em um deles e verá que se trata de um objeto do tipo 'Flooring'.
- Paredes nos dois lados. Clique nelas e verá que são objetos do tipo 'Wall'.

- Um jogador no piso mais baixo (seu nome é Tim, do aclamando jogo Braid – seu artista gráfico, David Hellmann, generosamente, disponibilizou imagens de graça).

O Tim é um objeto do tipo Player. Mas, se você olhar ‘Projects bar’, do lado direito, você verá que o objeto 'Player' é um simples retângulo azul. E que temos um outro objeto chamado 'PlayerImages', que exibe a imagem do Tim. Por quê existe essa separação?


É por causa do aviso que se encontra no Manual do Construct 2:
"Para um movimento de plataforma mais perfeito, é recomendado usar um objeto sprite com um retângulo invisível e sem animações, possuindo o movimento de Plataforma (platform movement). O objeto com a animação dos movimentos do personagem pode ser posicionado por cima dele. Se não for assim, a mudança de tamanho e do polígono de colisão do objeto ocorrendo junto com a animação, pode interferir nos movimentos de Plataforma ‘floor’ (piso), ‘wall’ (parede) e ‘slope detection’ (detecção de inclinação), causando movimentos de shaking (algo como agitação) ou glitchy (tipo de bug)."

Nosso sprite com o retângulo invisível é o objeto Player – clique nele na Project Bar, e abaixo de 'Object Type Properties' na esquerda, você verá que o 'Initial visibility' (visibilidade inicial) está ajustada para 'Invisible' (invisível). Este retângulo que será movido pelos nossos comandos e estará preso ao objeto PlayerImages, e seu tamanho e área de colisão mudarão de acordo com a animação de Tim. Olhe atentamente para o layout, e você verá que Tim está em pé com uma borda azul à do objeto Player à sua volta (essa borda só é vista aqui no layout, mas não quando o game está rodando).
Vamos ver as animações do PlayerImages que nós vamos utilizar. Clique com o botão direito no objeto PlayerImages na Objetcs Bar, e vá em 'Edit animations'. Você verá o seguinte: (clicando em 'Running' (correndo) em 'Animations' você verá os 5 frames da animação):


Comments

-18
Weishaupt 11.3k rep

Thank you for ignoring the board rule, to stick to english,,,

Friday, February 17, 2012 at 3:07:08 PM
7
cacotigon 5,246 rep

@gaholanda
Good job on the tutorial.

@Weishaupt
I believe that the English only rule applies primarily to the forums themselves, as there have already been several tutorials in other languages, and the mods don't seem to have a problem with them. Furthermore, I don't think it's your responsibility to moderate other people. These tutorials can be very useful to people whose native tongue isn't English.

Friday, February 17, 2012 at 3:57:27 PM
-17
Weishaupt 11.3k rep

Einige sind gleich, andere sind Gleicher.....und es sind immer wieder die selben...

Friday, February 17, 2012 at 5:08:20 PM
2
Rockssc 3,019 rep

Muito obrigado!

Saturday, March 03, 2012 at 2:51:24 PM
1
guims 2,044 rep

eu estava precisando deste tutorial cara vlws msm ajudou muito =]

Friday, March 16, 2012 at 8:10:20 PM
0
henriesteves 4,835 rep

Ótimo tutorial!!! =) Obrigado!!!

Monday, April 16, 2012 at 8:34:58 PM
0
ementa 2,647 rep

ótima iniciativa.
Valeu

Thursday, May 31, 2012 at 6:22:36 AM
0
Unknown 3,243 rep

Ótimo parabéns.

Sunday, December 30, 2012 at 4:29:19 PM
0
Cicero 1,341 rep

Olá amigo excelente tutorial, no outro que vc colocou eu fiz tudo e deu tudo certo, já neste no final nao sei porque deu alguma coisa errada, pois após o pulo o meu char ficou andando na posição do pulo e também nao esta contando os pontos... Teria como vc disponibilizar a imagem completa da event cheet ou o código completo dele ai, pois quero ver aonde eu errei ok... Achei estranho pois segui todos os passos e tal... aguardo resposta....!

Tuesday, May 21, 2013 at 3:18:11 PM

Leave a comment

Everyone is welcome to leave their thoughts! Register a new account or login.