Construct 2

Criação de jogo de nave espacial com Construct2 Uso de ferramenta para construção de jogos

Aluno Weinne Willan Moreira Santos Aluno de Bacharelado em Sistemas de Informação

Conteúdo ● ● ● ● ● ●

Construct2 Iniciando Sprites Comportamentos Eventos Finalização

Construct2 Construct2 é um criador de games HTML5, projetado especificamente para jogos 3D. Uma de suas características é o fato de não precisar programar, bastando apenas definir os elementos do jogo e seus comportamentos.

Construct2 Construct2 é um criador de games HTML5, projetado especificamente para jogos 3D. Uma de suas características é o fato de não precisar programar, bastando apenas definir os elementos do jogo e seus comportamentos.

Iniciando Para começar, abra o Construct2, e depois clique em “File” >> “New”.

Iniciando Primeiro nós precisamos definir o plano de fundo, e a camada onde ficará a maior parte dos elementos do jogo. O Construct utiliza o conceito de camadas, para organização dos elementos.

Iniciando Na barra lateral, em “Project Settings”, defina “Window Size”, defina como 10000x960. Essa será o cenário total do jogo.

Iniciando Dê um duplo clique na tela branca do slide. Aparecerá uma janela com o título “Insert New Object”. Neste momento, escolheremos “Tiled Background”, para criar o plano de fundo do jogo.

Iniciando Ao clicar duas vezes em “Tiles Background”, o cursor terá o formato de uma cruz. Clique em qualquer ponto do plano branco, e então aparecerá uma nova janela. Clique no botão de pasta, e selecione a imagem de fundo.

Iniciando Ao selecionar a imagem, pode fechar a janela. A imagem aparecerá no plano de fundo, porém ainda não no lugar certo.

Iniciando Clique sobre a imagem, e edite na barra lateral os campos “Position”, para 0, 0, e “Size”, para o mesmo valor do tamanho do cenário: 10000, 960. Depois, diminua o zoom (usando Ctrl + -), para visualizar o cenário completo.

Iniciando Agora vamos travar a camada, para impedir que façamos sem querer alguma alteração nela. Para isso, clique em “Layers” na barra a direita, e clique no cadeado ao lado da “Layer 0”. Renomeie essa camada para “Background”, clicando no botão de editar. Depois, podemos criar uma nova camada para os sprites, clicando no botão de adicionar. Nomeie essa camada como “Main”, e depois selecione-a.

Sprites Agora é hora de criar os elementos dinâmicos do jogo, chamados “Sprites”. Utilizaremos os seguintes sprites:

Player

Enemy

Explode

Bullet e BulletEnemy

Sprites Para criar um sprite, dê duplo clique no background, e selecione “sprite”. Clique numa área da tela, e abrirá uma janela parecida com a de adicionar plano de fundo. Selecione a imagem do sprite, e feche a janela. Depois, arraste os objetos “Bullet”, “BulletEnemy” e “Explode” para fora do plano de fundo. Nós usaremos eles depois.

Sprites Ambas as naves tem uma cor de fundo. Podemos usar o editor do próprio Construct para removê-la, e também rotacionar (o “player” para a direita, e o “enemy” para a esquerda.

Comportamentos Agora definiremos os comportamentos dos sprites. O Construct2 oferece diversos comportamentos (Behaviors), que nos dão suporte a diversos movimentos mais utilizados em jogos, como “Plataforma”, “Carros”, “Física” (útil em jogos com gravidade), dentre outros. Para adicionar um behavior, clique num objeto, selecione “Add / edit Behavior” na barra à esquerda, e clique no botão de adicionar.

Comportamentos Adicione os seguintes behaviors nos respectivos sprites: Player: ● ●

8 Direction: Permite controlar o player com os direcionais do teclado Bound to Layout: Faz com que a nave permaneça no layout

Bullet: ● ●

Bullet: Faz com que se movimente para a frente, como uma bala Destroy outside Layout: O objeto é destruído quando deixa o cenário

Inimigo: ●

Bullet: Faz com que se movimente para a frente, como uma bala

Comportamentos Clique em “Play”, no topo da janela. Verá que já pode movimentar a nave pelo cenário, usando os direcionais do teclado.

Eventos A interação entre os sprites, e entre o jogador, criando a dinâmica do jogo, é definida por meio de eventos e ações. Enquanto são gatilhos que disparam ações. É possível conceituar desta forma: “sempre que X ocorrer, faça Y”.

Eventos Antes de criar um evento, adicione ao layout os objetos “Mouse” e “Keyboard”. Para adicionar um evento, clique na aba “Event sheet 1”. Você pode renomear essa aba depois, se quiser.

Eventos Para adicionar um evento, clique em “New event”. Ele mostrará uma lista de objetos e sprites que foram adicionados ao layout, e o item “System”, que cria tarefas relacionada ao jogo em si. Nesse primeiro exemplo, clique em “System”. Depois disso, aparecerá uma lista de eventos relacionados ao sistema. Escolha “Every tick”. Assim se define ações que serão executadas a todo instante.

Eventos O novo evento aparecerá na lista, porém sem uma ação. Para adicionar uma ação, clique em “add action”. Aparecerá uma lista de objetos, parecida com a de adicionar eventos. Selecione “Player”, e então escolha “Set angle toward”. Na tela a seguir, escreva os valores “Mouse.X” e “Mouse.Y”. Isso vai definir o ângulo para o qual o “Player” estará voltado a partir do cursor do mouse.

Eventos Os eventos também podem definir interações entre objetos, como nos que serão listados a seguir. Experimente adicioná-los, e veja o efeito de cada um. Rode agora o programa, e veja o que acontece agora. O player acompanha o cursor! Para adicionar variáveis globais, clique com botão esquerdo na tela de eventos e selecione a opção.

Eventos Adicione os seguintes eventos:

Eventos Adicione os seguintes eventos:

Download do projeto http://weinnesantos.in/nave http://weinnesantos.in/JogoDeNavePkg.capx