Puedes crear rápidamente interfaces gráficas de usuario de alta calidad con requisitos mínimos de scripting utilizando los objetos UI integrados. Dependiendo de dónde lo crees, la UI se renderiza ya sea en pantalla o dentro del mundo 3D de una experiencia.
UI en pantalla
Contenedores en pantalla albergan objetos UI que deseas mostrar en la pantalla de un jugador, incluidos marcos, etiquetas, botones y más. Todos los objetos UI en pantalla y su código se almacenan y cambian en el cliente.
UI en la experiencia
Contenedores en la experiencia como SurfaceGuis y BillboardGuis albergan objetos UI que deseas mostrar dentro del mundo 3D de tu experiencia.
Objetos UI
La mayoría de los elementos UI son GuiObjects, objetos de interfaz gráfica de usuario 2D que puedes agregar como padres a contenedores. Los cuatro más comunes son marcos, etiquetas, botones y objetos de entrada de texto.
| Objeto | Descripción |
|---|---|
| Frame | Frames actúan como contenedores para otros objetos UI. Cuando manipulas marcos, también manipulas los objetos que contienen. |
| Label | Los objetos TextLabel y ImageLabel te permiten mostrar texto e imágenes personalizables. |
| Button | Los objetos TextButton y ImageButton permiten a los usuarios solicitar una acción. |
| Text Input | Los objetos TextBox permiten a los usuarios ingresar texto. |
Utilizando las propiedades Position, Size, AnchorPoint y ZIndex, tienes control total sobre cómo posicionar, dimensionar y nivelar GuiObjects. También puedes usar tweening para transitar un GuiObject suavemente de un estado a otro y proporcionar retroalimentación visual dinámica.
Diseño y disposición
Más allá de las propiedades básicas para ajustar la posición y el tamaño, Roblox también proporciona estructuras de diseño como list/flex y grid, así como modificadores de tamaño y modificadores de apariencia.
Estilo universal
Estilo universal es una solución de Roblox para hojas de estilo, similar a CSS, que te permite declarar y aplicar globalmente sobreescrituras a las propiedades de los instancias de UI. Este soporte a nivel de motor es la base para el Editor de Estilo y el pipeline de tokens de extremo a extremo.
Marcos interactivos
Además de los objetos de interfaz de usuario principales, los siguientes marcos proporcionan interactividad incorporada y personalizable para tus experiencias.
Prompts de proximidad
Prompts de proximidad son objetos UI integrados únicos que solicitan interacción del usuario para desencadenar una acción cuando se acercan a objetos de la experiencia, como puertas, interruptores de luz y botones.
Detectores de arrastre de UI
Detectores de arrastre de UI facilitan y fomentan la interacción con elementos de la interfaz de usuario 2D, como deslizadores, giradores y más.
Detectores de arrastre 3D
Detectores de arrastre 3D fomentan la interacción física con objetos 3D en una experiencia, como abrir puertas y cajones, deslizar una pieza, agarrar y lanzar una bola de boliche, tirar hacia atrás y disparar una resortera, y mucho más.