Cave: Sistema de Interface do Usuário (UI) do Jogo

Nesta lição, daremos uma primeira olhada nos diferentes tipos de Elementos de UI disponíveis no Cave Engine para criar interfaces de usuário.

Os Elementos de UI são utilizados para construir tudo o que o jogador vê sobre o mundo do jogo, como menus, botões, HUDs, barras de saúde, contadores de itens, telas de configurações, caixas de diálogo e outros componentes de interface.

Antes de criar uma interface completa, é importante entender para que cada Elemento de UI é utilizado e quando você deve usá-lo.

1. Criando um Novo Elemento de UI

Para criar um novo Elemento de UI, clique com o botão direito dentro do Grafo de Cena e selecione a opção Interface.

Dentro deste menu, você encontrará os elementos de interface fornecidos pelo Cave Engine.

Elemento de UI Padrão

Cria um elemento de UI padrão do Cave Engine.

Este é o elemento base do sistema de UI e pode ser usado como um ponto de partida para a criação de outros componentes de interface.

Um elemento de UI padrão pode funcionar como um painel visual, fundo, contêiner, ícone, imagem ou qualquer outro bloco básico de interface. Também é muito útil para organizar elementos filhos, já que os Elementos de UI podem ser agrupados entre si no Grafo de Cena.

Por exemplo, você pode criar um elemento de UI padrão para representar um painel de menu, e então adicionar botões, textos e ícones como filhos dele.

Texto

Cria um Elemento de UI utilizado para exibir texto na interface.

Esse elemento permite que você configure o conteúdo exibido e personalize propriedades como fonte, tamanho, cor, alinhamento e outras configurações visuais.

Os elementos de texto são comumente usados para títulos, rótulos, subtítulos, instruções, contadores de itens, valores de saúde, texto de diálogo, números de pontuação e qualquer outra informação que precise ser exibida ao jogador.

Botão

Cria um botão de UI já configurado com um componente de texto.

Os botões são Elementos de UI interativos. Eles podem reagir a diferentes estados, como:

• Normal, quando o botão está ocioso.
• Hover, quando o cursor do mouse está sobre o botão.
• Click, quando o botão é clicado.

Os botões também podem executar código Python em resposta a esses eventos, permitindo que você crie interações como iniciar o jogo, abrir menus, alterar configurações, fechar janelas ou acionar qualquer comportamento personalizado que você precisar.

Isso torna o elemento Botão um dos componentes de UI mais importantes ao criar menus e interfaces interativas.

Conjunto de UI

Dentro da opção Conjunto de UI, o Cave Engine fornece Elementos de UI focados em entrada e interação do usuário.

Esses elementos são úteis quando você precisa que o jogador altere valores, digite informações ou interaja com configurações durante o jogo.

• Controle Deslizante de Entrada

Cria um controle deslizante, permitindo que o usuário selecione um valor dentro de um intervalo definido movendo com o mouse.

Isso é ideal para configurações como volume, brilho, sensibilidade do mouse, nível de música, nível de efeitos ou qualquer outra opção com base em um intervalo numérico ou percentual.

• Campo Numérico de Entrada

Cria um campo de entrada numérica que pode ser ajustado movendo o mouse ou editando o valor diretamente.

Isso é útil para configurações que requerem números específicos, como valores de sensibilidade, parâmetros personalizados, opções de depuração ou campos de configuração numérica.

• Campo de Texto de Entrada

Cria um campo de entrada de texto onde o usuário pode digitar informações diretamente através da interface.

Isso é útil para nomes de jogadores, nomes de salvamentos, campos de pesquisa, descrições, mensagens de chat ou qualquer outra entrada textual.

Todos os elementos do Conjunto de UI funcionam durante o gameplay, permitindo que o jogador interaja com eles em tempo real.

Com essas opções, você pode escolher o Elemento de UI mais apropriado para o tipo de interface que deseja criar.

Cada elemento tem um propósito específico, permitindo que você construa tudo, desde elementos HUD simples até menus e sistemas de interação mais completos.

Nesta Quest, começaremos com a primeira opção, Elemento de UI Padrão, que servirá como base para as próximas lições.