Guia para iniciantes ao Construct 2

Favourite 1246 favourites
Tutorial written by AshleyOriginally published on 26th, June 2011 - 50 revisions

Translation Team:

10 total revisions

Parabéns por escolher o Construct 2! Vamos começar fazendo seu primeiro jogo em HTML5. Vamos fazer o demo do jogo 'Ghost Shooter'. Teste ele aqui Primeiramente para que você saiba os nossos objetivos: um jogador que olha para o mouse, se move com as setas do teclado e atira nos monstros com o mouse. Você aprenderá tudo o que precisa para fazer um jogo simples - de camadas (layers) a eventos de sistema (event system)!
Nota: por favor não peça ajuda nos comentários deste tutorial! Ao invés disso, visite nosso forum para ter as melhores respostas possíveis para os seus questionamentos.

Tutoriais alternativos

Há um guia alternativo para iniciantes: Como fazer um jogo de plataforma, com foco na construção de um jogo plataforma do tipo "corre e pula" (jump-and-run) em vez de um jogo de tiro com visão de cima (top down shooter). Você pode iniciar com qualquer um deles, mas nós recomendamos fortemente que você complete ambos para ter uma boa ideia de como construir ambos os tipos de jogos!

Também tem o Como fazer um clone do Asteroids com menos de 100 eventos do Kyatric que é um pouco mais avançado mas também é bem detalhado.

Link para o Curso do Construct2 em Português

Instalando o Construct 2

Se você ainda não tem, pegue uma cópia da última versão do Construct 2 aqui. O Construct 2 é apenas para Windows, mas os jogos que você fizer podem rodar em qualquer lugar, como em Mac, Linux ou iPad. Construct 2 também pode ser instalado em contas de usuário limitadas. Ele também é portátil, então você pode, por exemplo, instalar em um cartão de memória USB e levá-lo com você!

Iniciando

Agora que está configurado, inicie o Construct 2. Clique no botão File (arquivo) e selecione New (novo). O botão 'new' do menu 'File'.
No diálogo New Project (novo projeto), você não precisa alterar nada. Apenas clique em Create Project (criar projeto). Construct 2 mantém todo o projeto em um único arquivo .capx pra gente. Você agora deve estar vendo um layout vazio - que é a área de desenho onde você cria e posiciona os objetos. Pense no layout como um fase ou um menu de um jogo. Em outras ferramentas, isso pode ser nomeado como room (ambiente), scene (cena) ou frame (moldura).

Inserindo objetos

Plano de Fundo

(Tiled Background)
A primeira coisa que queremos é um plano de fundo que se repita. O Tiled Background pode fazer isso pra gente. Primeiro, aqui está a sua textura de background - clique com o botão direito do mouse e salve em algum lugar no seu computador:

A textura do plano de fundo.
Agora, clique duas vezes em um espaço dentro do layout para inserir um novo objeto. (Depois, se estiver cheio, você pode também clicar com o botão direito e selecionar Insert new object (inserir novo objeto). Uma vez que aparecer o diálogo do Insert new object, clique duas vezes no objeto Tiled Background para inserí-lo.

Diálogo de inserção de novo objeto.


Um ponteiro em forma de cruz aparecerá para indicar onde será inserido o objeto. Clique num local próximo ao meio do layout. O texture editor (editor de texturas) abrirá para você inserir a textura. Vamos importar a imagem que você salvou anteriormente. Clique no ícone de arquivo para carregar a textura do disco, encontre e selecione o arquivo que você baixou.

Carregando a textura do arquivo.
Feche o editor de texturas clicando no X no canto superior direito. Se você for questionado, certifique-se de salvar! Agora você deve visualizar o objeto tipo Tiled Background no layout - o nosso plano de fundo. Vamos redimensionar para cobrir todo o layout. Confirme que o objeto está selecionado, a Properties Bar (barra de propriedades) à esquerda deve mostrar todas as configurações do objeto, incluindo seu tamanho e posição. Configure sua posição para 0,0 (canto superior esquerdo do layout), e seu tamanho para 1280,1024 (o tamanho do layout).

Propriedades do Tiled Background.
Vamos verificar nosso trabalho. Segure a tecla control e role para baixo a roda do mouse para afastar o zoom. Alternativamente, clique em view - zoom out algumas vezes. É possível também segurar a tecla espaço ou o botão do meio do mouse para deslocar o layout. Simples, né? Seu plano de fundo deve cobrir todo o layout agora:

O plano de fundo inserido.


Aperte control+0 ou clique em view - zoom to 100% para retornar à visão 1:1.

(Se você é impaciente como eu, clique no pequeno ícone 'run' (executar) na barra de título da janela - um navegador deverá ser aberto exibindo o seu layout com o plano de fundo! Uhu!)

Share and Copy this Tutorial

You are free to copy, distribute, transmit and adapt this work with correct attribution. Click for more info.

Comments

22
allazao 2,566 rep

Legal. Espero ver mais tutoriais traduzidos ou originais em português.

Monday, April 08, 2013 at 12:17:58 AM
17
DORTABR 3,676 rep

Terminei, ficou bom! Qualquer problema me avisem. Espero poder ajudar os brazucas na iniciação do Construct 2! Abs

Monday, April 08, 2013 at 4:44:23 AM
3
TELLES0808 22.0k rep

Não li por completo, mas pela primeira página dá para perceber que houve muito empenho! Paranbéns!

Tuesday, April 09, 2013 at 6:49:23 PM
1
PeterMr 5,017 rep

Muito bom ver um material básico em português. Parabéns.

Wednesday, April 17, 2013 at 4:12:05 PM
1
ZeroBiss 1,713 rep

programa muito bom e facil. Boa opção pra programar pros novos consoles abertos (ouya e gamestick) Que venha a nós....

Monday, May 20, 2013 at 1:29:16 AM
1
jorge borini 1,872 rep

perfeito legal

Sunday, June 02, 2013 at 1:15:00 AM
0
Gideoni 1,507 rep

Depois de testar várias ferramentas para criação de jogos, finalmente me identifiquei com uma, o Construct 2. Excelente tutorial. Parabéns!

Monday, July 01, 2013 at 5:10:23 AM
0
edson m 1,445 rep

Muito bom!

Tuesday, August 13, 2013 at 6:08:36 PM
0
iuriaraujo 977 rep

Muito legal! Acabei de conhecer o construct 2 e estou seriamente pensando em focar nele! Se alguém ai saca bem do software e quiser uma parceria para pensarmos em algum game, só mandar uma msg ou me add no facebook. Trabalho com ilustração e animação. Até o/

Tuesday, September 10, 2013 at 2:54:29 PM
1
BuguiGames 982 rep

Muito bom, estou começando com o construct já tem 1 semana, e esse tutorial vai ser muito útil!!!

Friday, November 08, 2013 at 9:02:47 PM
0
rodolfoAC 456 rep

Muito bom!

Friday, December 06, 2013 at 1:30:45 PM
-1
tryonn 476 rep

Ótimo tutorial, esta de parabéns.

Saturday, January 18, 2014 at 1:05:39 PM
1
jadechan303 332 rep

Sou iniciante no assunto, mas fui acompanhando o tutorial e posso dizer que adorei mexer neste programa. Achei bem mais fácil. E com certeza me dedicarei um pouco mais ao assunto. Obrigada pela tradução!

Sunday, February 16, 2014 at 5:26:02 PM
2
johnatanivini 362 rep

Ótimo tutorial, apesar da versão do programa que baixei am alguns pontos estão diferentes, mas deu pra se virar.

Estou tentanto uma condição para quando o player morre, pra reiniciar novamente.

UPDATE:

Consegui! Show de Bola!

Tuesday, March 18, 2014 at 4:51:30 PM
0
Dudelux 327 rep

Nossa show de bola, tudo muito bem explicado.

Wednesday, May 07, 2014 at 4:07:49 PM

Leave a comment

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