29 de jul. de 2016

Tutorial - Criando um menu simples no Game Maker (Passo a Passo)


Neste tutorial estarei ensinando de maneira bem explicada, como criar um menu simples e útil para dar uma apimentada em jogo. No tutorial a seguir utilizaremos o motor de jogo Game Maker na sua função "arrastar e soltar", ou seja não utilizaremos sua linguagem de programação script (GML). O tutorial é um pouco extenso, pois é bem explicado. Vamos lá!

Passo 01: Abrindo o programa.

Abra o Game Maker e aguarde aparecer a interface principal do programa:


Passo 02: Criar background.

Crie um novo background (tela), clicando com o botão direito do mouse sobre a pasta Backgrounds e dê-lhe o nome de back_menu:



Passo 03: Entrando no modo de edição de backgrounds.

Clique com o botão esquerdo do mouse na opção Edit Background:


Passo 04: Criando medidas.

Estando na opção citada anteriormente, vá em file, clique com o botão esquerdo do mouse em New, e na janelinha Create a new image dê as seguintes medidas respectivamente: largura= 800 e altura= 600:



Passo 05: Dando uma cor para a background.

Espere aparecer uma tela parecida com o paint do Windows. Quando esta tela aparecer aperte a tecla F do seu teclado. Logo após na direita têm várias cores pra você escolher, escolha de seu agrado, e clique com o botão esquerdo do mouse sobre a malha quadriculada:


Passo 06: Salvando o background.

Clique com o botão esquerdo do mouse sobre uma setinha verde localizada na esquerda logo acima das opções de desenho. Logo após clique em ok: 



Passo 07: Criando uma room.

Crie uma room (sala) clicando com o botão direito sobre a pasta Rooms e logo após clique com o botão esquerdo sobre Create Room:



Passo 08: Mudando o tamanho e dando nome a room. 

Vá até a aba settings, clique com o botão esquerdo sobre o mesmo. Em name escreva r_menu, e altere a largura e a altura para 800x600 respectivamente:


Passo 09: Inserindo o background na room.

Vá até a aba backgrounds desmarque a opção Draw background Color, logo após escolha o background criado no 5º passo clicando em uma lista e  logo depois clique com o botão esquerdo do mouse sobre a setinha verde para salvar:


Passo 10: Criando um sprite.

Vá até a pasta sprites, clique o botão direito do mouse e logo após clique em Create Sprite. Em name digite spr_iniciar:



Passo 11: Criando o corpo do sprite.

Clique com o botão esquerdo do mouse sobre a opção Edit Sprite, Vá em file, clique em New, e dê as seguintes medidas: 160x50:



Passo 12: Entrando no modo de edição de sprite.

Pressione Ctrl + E no seu teclado para ir para o Edit Mode:



Passo 13: Trocar a cor de fundo.

Estando no Edit Mode, pressione a tecla F do seu teclado para selecionar a ferramenta Balde de Tinta e logo após escolha uma cor clicando com o botão esquerdo do mouse sobre a matriz de cores localizada a direita, depois clique com o botão esquerdo sobre a malha quadriculada:



Passo 14: Criando o texto.

Ainda no Edit Mode pressione a tecla T do seu teclado para selecionar a função de Draw Text (Desenhar texto), logo após clique com o botão direito sobre o sprite, e na caixa de texto digite : INICIAR e pressione Ok:



Passo 15: Aumentando a letra.

Clique com o botão esquerdo sobre a opção font, logo após em tamanho aumente pra 26 e pressione ok:



Passo 16: Centralizar o texto.

Clique com o botão esquerdo sobre o texto, segure e arraste até o texto ficar bem centralizado, logo após clique na setinha verde para salvar:



Passo 17: Salvando o sprite.

Clique na setinha verde, logo após clique em ok:



Passo 18: Criando o objeto.

Vá até a pasta objects clique com o botão direito sobre ela, logo após clique com o esquerdo sobre Create Object, em name escreva obj_iniciar:



Passo 19: Selecionando o sprite para o objeto.

Clique na opção que escolhe o objeto e selecione o sprite criado anteriormente. Logo após clique em ok para salvar:



Passo 20: Salvando a room.

Vá na room criada nos passos iniciais, e clique com o botão esquerdo do mouse em qualquer área da malha quadriculada. Logo após clique na setinha verde pra salvar:



Passo 21: Compilando.

Hora de rodar o menu, para isso pressione F5 no seu teclado e aparecerá a seguinte tela:



Compartilhe com seus amigos!
Dúvidas nos comentários.

Nenhum comentário: