1. Criação do Menu Principal no Unreal Engine 5 [0]

Este tutorial demonstra como criar um menu principal funcional no Unreal Engine 5, incluindo a configuração de botões e texto.

1.1. Configuração Inicial do Widget do Menu [0]

  1. Para começar, crie um novo projeto no Unreal Engine, utilizando o modelo de Terceira Pessoa ou qualquer outro modelo de sua preferência [0].
  2. Em seguida, abra o Navegador de Conteúdo e crie uma nova pasta chamada UI [2].
  3. Dentro da pasta UI, crie um novo Widget Blueprint do tipo User Widget e nomeie-o como Meu Menu Principal [6].
  4. Abra o Meu Menu Principal e adicione um Canvas Panel à hierarquia, que servirá como a área de trabalho para o menu [8].
  5. Adicione um Vertical Box ao centro do Canvas Panel e ajuste sua largura [11].
  6. Insira três botões dentro do Vertical Box para representar as opções do menu [13].

1.2. Personalização dos Botões e Texto [16]

  1. Adicione um preenchimento de 100 unidades abaixo de cada botão para criar espaço entre eles [16].
  2. Insira um widget de texto em cada botão [24].
  3. Altere o texto de cada botão para "Start", "Options" e "Exit", respectivamente [28].
  4. Aumente o tamanho da fonte do texto para 40 para melhorar a visibilidade [31].

2. Configuração do Nível e Funcionalidade do Menu [36]

Este tutorial explica como integrar o menu principal a um nível, configurar a funcionalidade dos botões e gerenciar a visibilidade do cursor do mouse.

2.1. Criação do Nível e Modo de Jogo [36]

  1. Crie um novo nível vazio e salve-o como "Mapa do Menu Principal" [37].
  2. Para evitar que um personagem apareça no nível do menu, crie um novo Blueprint do tipo Gamemodebase e nomeie-o como "Modo de Jogo do Menu" [43].
  3. Nas Configurações do Mundo, defina o "Modo de Jogo do Menu" como a substituição do modo de jogo [49].
  4. Deixe a classe de peão padrão vazia no "Modo de Jogo do Menu" para garantir que nenhum personagem seja gerado [51].

2.2. Exibição do Menu e Funcionalidade dos Botões [57]

  1. Abra o Level Blueprint do "Mapa do Menu Principal" [57].
  2. No evento "Event BeginPlay", crie um widget do tipo "Meu Menu Principal" e adicione-o à viewport [58].
  3. No "Meu Menu Principal", selecione o botão "Start" e adicione um evento "On Clicked" [63].
  4. Conecte o evento "On Clicked" a um nó "Open Level by Name" e insira o nome do seu nível principal (por exemplo, "ThirdPersonMap") [67].
  5. Para o botão "Exit", adicione um evento "On Clicked" e conecte-o a um nó "Quit Game" para encerrar o jogo [72].
  6. O botão "Options" não será configurado neste tutorial, mas pode ser usado para um menu de opções futuro [71].

2.3. Adição de um Plano de Fundo e Controle do Cursor [76]

  1. Importe uma imagem de plano de fundo (por exemplo, 1920x1080 pixels) para o seu projeto [76].
  2. No "Meu Menu Principal", adicione um widget de imagem ao Canvas Panel [79].
  3. Ancore a imagem para cobrir a tela inteira, definindo todos os offsets como zero [79].
  4. Defina a imagem importada como o pincel para o widget de imagem [81].
  5. Altere a ordem Z da imagem para -1 para que ela apareça atrás do Vertical Box do menu [84].
  6. No Event Graph do "Meu Menu Principal", no evento "Event Construct":
    1. Obtenha o Player Controller e defina "Show Mouse Cursor" como verdadeiro [98].
    2. Defina o Input Mode como "UI Only" para que o cursor do mouse seja visível e interaja apenas com a interface do usuário [103].
  7. No evento "On Clicked" do botão "Start":
    1. Obtenha o Player Controller e defina "Show Mouse Cursor" como falso [105].
    2. Defina o Input Mode como "Game Only" para que o cursor do mouse desapareça e o jogo receba todas as entradas [110].
  8. Compile e teste o menu principal: o cursor do mouse deve aparecer no menu e desaparecer ao iniciar o jogo [113].