full screen background image

Tutorial: GameMaker – Criando Menu para Jogo

Tutorial: GameMaker – Criando Menu para Jogo

Olá, galera do Fábrica de Jogos! Tudo bem com vocês? Hoje trago mais um tutorial de GameMaker. Dessa vez, vamos aprender a criar Menu de Jogo com os botões de Jogar, Opções e Sair configurados aos seus eventos e ações correspondentes.

Caso queiram assistir um vídeo explicando o passo-a-passo da criação do Menu de um Jogo no GameMaker Studio, vá até o fim desse Tutorial ou clique neste link e assista a aula no Youtube: GameMaker – Criando um Menu de um Jogo

Os conceitos aprendidos nesse tutorial podem ser usados em qualquer jogo. Os comandos serão os mais básicos de um Menu, como por exemplo clicar no botão jogar e ir à janela do Jogo, clicar no botão voltar para ir ao Menu, clicar no botão sair e finalizar o jogo, etc.

Link para download do programa: GameMaker Studio

Aprenda passo a passo de como criar jogos 2D para PC no GameMaker Studio: Aulas GameMaker

Confiram o Tutorial anterior para saber como criar a Movimentação de um Personagem no GameMaker Studio.

Chega de papo! Vamos praticar? ^^

Abra o GameMaker Studio e crie um novo Projeto. Em seguida, siga as etapas abaixo.

  1. Clique com o Botão Direito em cima de Sprite e clique na opção Create Sprite:

  1. Na Janela de Propriedades da Sprite, clique em Edit Sprite:

  1. Depois clique no Menu File – New:

  1. Agora vamos definir a largura (Width) para 200 e a altura (Height) para 50. Depois clicar em Ok:

  1. Clique 2 vezes no Sprite criado:

  1. Selecione a Ferramenta Draw a rectangle e crie um Retângulo dentro da Sprite:

  1. Configure o tamanho do contorno e selecione as cores do Retângulo:

  1. Salve as edições do Sprite:

  1. Agora salve a imagem do Sprite criado:

  1. Renomeie a Sprite para botao e clique em Ok:

OBS.: Não devemos utilizar acentos e ç nas sprites, objetos, rooms no GameMaker.

  1. Clique com o Botão Direito em cima do Sprite e selecione Duplicate para duplicar:

  1. Duplique mais uma vez o Sprite. O resultado final ficará como a imagem abaixo:

  1. Clique no Sprite Botao e depois em Edit Sprite:

  1. Clique na Ferramenta Texto e em seguida na opção Fonte e faça as seguintes configurações:

  1. Clique na Sprite e digite JOGAR. Depois clique em Ok:

  1. Posicione o texto dentro do Retângulo. O resultado final ficará como na figura abaixo. Depois clique no visto para salvar as alterações:

  1. Renomeie o nome da Sprite para botao_jogar e clique em Ok:

  1. Repita o mesmo procedimento do passo 14 até o 17 para os botões opções e sair. O resultado final ficará assim:

  1. Clique com botão direito em Objects e selecione Create Object:

  1. Renomeie o objeto para obj_botao_jogar, selecione a sprite botao_jogar e clique em Ok:

  1. Repita o mesmo procedimento para o botao opções:

  1. E repita o mesmo procedimento para o botao sair:

  1. O resultado final de todos os objetos ficará como na figura abaixo:

  1. Agora vamos criar as janelas do Jogo. Clique com Botão Direito em Room e selecione Create Room:

  1. Aparecerá uma janela onde colocaremos os botões do Menu. Figura abaixo:

  1. Clique na Aba Objects, depois selecione o obj_botao_jogar e posicione dentro da Room. Para isso, mantenha a tecla ALT pressionada e clique com o botão esquerdo dentro da Room.

  1. Repita o mesmo procedimento para os botões opções e sair. Posicionem dentro da Room e depois clique no visto para salvar as alterações. Observe a figura abaixo:

  1. Agora clique com o botão direito na Room e selecione a opção Rename:

  1. Renomeie a Room para MENU e pressione Enter:

  1. Crie mais uma Room, e na aba backgrounds, selecione outra cor de fundo e clique em Ok. Depois salve as configurações:

  1. Renomeie as outras duas Rooms para OPCOES e FASE1. O resultado final com as 3 Rooms ficará como na figura abaixo:

  1. Clique 2 vezes no obj_botao_jogar. Na janela Events, clique em Add Event – Mouse – e selecione Left Button:

OBS.: Este evento ocorre quando clicamos com o Botão Esquerdo do Mouse no Botão Jogar do Jogo.

  1. Agora vamos criar a ação para o Botão JOGAR. Clique na Aba Main1 e arraste opção Different Room para a janela de ações. Aparecerá uma janela de configurações. Selecione a Room FASE1 e clique em Ok. Observe com calma a figura abaixo:

  1. Verifique se o Evento e a ação estão corretas e clique em Ok:

  1. Repita o mesmo procedimento para o botão opções. Não esquecer de selecionar a Room OPCOES. Figura abaixo:

  1. E para o Botão Sair, adicione o Evento Mouse – Left Button. Depois clique na aba Main2 e arraste a opção End the Game para a janela de Ações. Depois clique em OK:

OBS.: Este evento corresponde ao clicarmos com o Botão Esquerdo do Mouse no Botão SAIR, e o jogo será finalizado.

  1. Agora vamos criar outra sprite para o botão voltar. Depois clique em Edit Sprite. Em seguida, clique no Menu File – New e defina a largura (Width) para 32 e altura (Height) para 32. Depois clique em Ok. Figura abaixo:

  1. Com as ferramentas linha e Polígono desenhe a imagem do botão voltar:

  1. O resultado do botão voltar deverá ficar assim ou parecido. Depois clique no botão de visto para salvar a imagem do Botão Salvar:

  1. Agora renomeie o Sprite para voltar e clique em Ok:

  1. Crie outro objeto e renomeie como obj_voltar, depois adicione o seguinte evento Left Button – Different Room. Selecione o Room Menu e clique em Ok. Observe com calma a figura abaixo:

  1. Agora clique na Room OPCOES – Aba Objects – Selecione o Botão voltar. Depois posicione-o dentro da Room OPCOES. Depois salve:

  1. Repita o mesmo procedimento para a Room FASE1 e salve as alterações:

  1. Pressione F5 para executar o jogo. Agora clique no Botão Jogar, e depois no Botão Voltar para constatar que estão funcionando. Em seguida, clique no Botão Opções e clique novamente no Botão Voltar. Acompanhe as imagens abaixo:

Clique no Botão Voltar:

Clique no Botão Voltar:

  1. E por fim, clique no Botão Sair para finalizar o Jogo:

É isso aí, pessoal! Espero ter ajudado!

Abaixo, um vídeo em que mostro o passo a passo de como criar  um Menu de Jogo no GameMaker Studio, sem a necessidade de códigos ou scripts.

Inscreva-se em meu canal para assistir e acompanhar as próximas vídeo aulas de GameMaker. Espero que gostem e compartilhem com os amigos.

Qualquer dúvida, só deixar um comentário abaixo. Sugestões de aulas ou Tutoriais são sempre bem-vindas. ^^

Bons estudos e divirta-se!

Um forte abraço.

GameMaker – Criando um Menu de um Jogo



Diogo Pimenta

Cursou Análise e Desenvolvimento de Sistemas na FATEC Zona Sul – SP. Atualmente trabalha como Professor na Escola Evolutime. Dá aulas nos cursos de Informática, Hardware, Web Design e Criação de Games. Trabalha com o Desenvolvimento de Jogos com o GameMaker há 4 anos. Editor e criador do Blog Diogo Pimenta. Também curte músicas, violão e poesias. Seu jogo favorito é o Super Mario Bros.


Show Buttons
Hide Buttons