(Tradução e adaptação da primeira parte do Tutorial correspondente do inglês pro portugês)
(todas as imagens são do mesmo)
(correções podem aparecer se necessário)
Obrigado por escolher o Construct 3! Vamos começar fazendo seu primeiro jogo. Faremos o Ghost Shooter demo game. Você vai aprender tudo que precisa saber para fazer um jogo simples - desde layers(camadas) até o sistema de eventos!
VEJA O JOGO TERMINADO
É útil saber o que pretendemos fazer, então clique aquihttps://editor.construct.net/#open=ghost-shooter-tut pra ver o jogo terminado. assim que ele carregar, clique no Preview button (marcado com um círculo vermelho abaixo) pra executar e experimente.
Então você pode ver o que a gente planeja fazer: um jogador que olha na direção do mouse, se move com as setas do teclado, e atira em monstros com o mouse.
Quando terminar, feche o preview e recarregue o navegador, então o Construct 3 "restarta". Pra continuarmos o resto do tutorial a partir do zero.
INICIANDO
Se você não quiser uma cópia do Construct 3, simplesmente visite editor.construct.net. Isso mesmo, Construct 3 roda direto no navegador! não tem nada pra instalar.
CRIAR UM NOVO PROJETO
Clique botão de novo projeto. Uma caixa de diálogo vai aparecer pedindo alguns detalhes. Você nao tem que mudar nada, mas pode digitar um nome pro seu projeto se quiser (how about My super awesome game?). Clique em Criar e você vai ver um novo Projeto vazio.
Essa visualização(view) no meio da tela é o layout view. Ele é um design view onde você vai criar e posicionar objetos. Pense no layout como um nível de um jogo ou uma tela de menu. Em outras ferramentas, ele pode ser chamado de room, scene or frame.
ADICIONANDO OBJETOS
Vamos adicionar os objetos que nosso jogo precisa. o primeiro é o background(fundo).
TILED BACKGROUND(BACKGROUND EM BLOCOS)
Um jeito fácil de fazer um background é repetir uma imagem através do layout. O objeto background em blocos pode fazer isso pra nós. Primeiro, temos aí sua imagem de background - clique com o botão direito e salve ela no seu PC.
Agora, dê um duplo clique num espaço do layout pra criar um novo objeto. (Depois, se ele estiver cheio, você pode ainda clicar com o botão direito e selecionar Inserir novo objeto.) quando a caixa de diálogo de criação de objeto aparecer, dê um duplo clique em Fundo Em Blocos.
O mouse vai se transformar num + pra você indicar onde colocar o objeto. Clique próximo ao meio do layout. O editor de imagens vai abrir pra você desenhar ou importar a imagem pra "deixar em blocos". Vamos importar a imagem de background que você salvou antes. Clique no ícone de pasta pra encontrar uma imagem do seu PC, encontre onde você baixou o arquivo e selecione-o.
Feche o editor de imagem clicando no X lá em cima na direita no canto. Agora você verá seu objeto "background de bloco" no layout. Vamos redimensioná-lo pra ele cobrir o layout inteiro. Selecione-o, então a barra de propriedades na esquerda deve mostrar todas as configurações do objeto, incluindo seu tamanho e posição. Defina sua posição em 0, 0 (o topo esquerdo do layout), e seu tamanho em 1708 x 960 (o tamanho do layout - esse é o tamanho padrão, baseado em duas vezes o tamanho do viewport.
Vamos inspecionar nosso trabalho. Segure Control e role a roda do mouse pra zoom. Alternativamente, clique com o botão direito e selecione Vizualizar► pra ampliar ou reduzir o zoom. Você pode ainda segurar a barra de espaço, ou o botão do meio do mouse. O background deve cobrir o layout todo agora:
Ctrl + 0 ou clique com botão direito e selecione Visualizar►Redefinir tamanho original pra voltar pra a visualização 1:1.
(Você pode clicar no botar de Visualizar(lá em cima) pra ver como está até agora)