Você pode criar rapidamente interfaces gráficas de usuário de alta qualidade com requisitos mínimos de script usando objetos de UI integrados. Dependendo de onde você os cria, a UI é renderizada na tela ou dentro do mundo 3D de um jogo.
UI na tela
Contêineres na tela contêm objetos de UI que você deseja exibir na tela de um jogador, incluindo frames, rótulos, botões e mais. Todos os objetos de UI na tela e o código são armazenados e alterados no cliente.
UI no jogo
Contêineres no jogo como SurfaceGuis e BillboardGuis contêm objetos de UI que você deseja exibir dentro do mundo 3D do seu jogo.
Objetos de UI
A maioria dos elementos de UI são GuiObjects, objetos de interface gráfica 2D que você pode parentear a contêineres. Os quatro mais comuns são frames, rótulos, botões e objetos de entrada de texto.
| Objeto | Descrição |
|---|---|
| Frame | Frames atuam como contêineres para outros objetos de UI. Quando você manipula frames, você também manipula os objetos que eles contêm. |
| Rótulo | Objetos TextLabel e ImageLabel permitem que você exiba texto e imagens personalizáveis. |
| Botão | Objetos TextButton e ImageButton permitem que os usuários solicitem uma ação. |
| Entrada de Texto | Objetos TextBox permitem que os usuários insiram texto. |
Usando as propriedades Position, Size, AnchorPoint e ZIndex, você tem controle total sobre como posicionar, dimensionar e camada GuiObjects. Você também pode usar tweening para transitar um GuiObject suavemente de um estado para outro e fornecer feedback visual dinâmico.
Layout e design
Além das propriedades básicas para ajustar posição e tamanho, o Roblox também fornece estruturas de layout como lista/flex e grade, bem como modificadores de tamanho e modificadores de aparência.
Estilização universal
A estilização universal é uma solução do Roblox para folhas de estilo, semelhante ao CSS, que permite declarar e aplicar globalmente substituições para propriedades de instâncias de UI. Este suporte em nível de motor é a base para o Editor de Estilo e o pipeline de token de ponta a ponta.
Estruturas interativas
Além dos objetos de interface do usuário principais, as seguintes estruturas fornecem interatividade integrada e personalizável para seus jogos.
Prompts de proximidade
Prompts de proximidade são objetos de UI integrados únicos que solicitam interação do usuário para acionar uma ação quando se aproximam de objetos do jogo, como portas, interruptores de luz e botões.
Detectores de arrasto de UI
Detectores de arrasto de UI facilitam e incentivam a interação com elementos de interface do usuário 2D, como deslizadores, giradores e mais.
Detectores de arrasto 3D
Detectores de arrasto 3D incentivam a interação física com objetos 3D em um jogo, como abrir portas e gavetas, deslizar uma parte, pegar e lançar uma bola de boliche, puxar e disparar uma estilingue, e muito mais.