Puedes crear rápidamente interfaces gráficas de usuario de alta calidad con requisitos de scripting mínimos utilizando objetos de UI integrados. Dependiendo de dónde lo crees, la UI se renderiza ya sea en pantalla o dentro del mundo 3D de un juego.
UI en pantalla
Contenedores en pantalla contienen objetos de UI que deseas mostrar en la pantalla de un jugador, incluyendo marcos, etiquetas, botones y más. Todos los objetos de UI en pantalla y el código se almacenan y cambian en el cliente.
UI en el juego
Contenedores en el juego como SurfaceGuis y BillboardGuis contienen objetos de UI que deseas mostrar dentro del mundo 3D de tu juego.
Objetos de UI
La mayoría de los elementos de UI son GuiObjects, objetos de interfaz gráfica de usuario 2D que puedes parentear 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 de 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. |
Usando las propiedades Position, Size, AnchorPoint y ZIndex, tienes control total sobre cómo posicionar, dimensionar y capa 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 disposición como lista/flex y rejilla, 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 sobrescrituras a las propiedades de las 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 básicos, los siguientes marcos proporcionan interactividad incorporada y personalizable para tus juegos.
Prompts de proximidad
Prompts de proximidad son objetos de UI únicos integrados que solicitan interacción del usuario para activar una acción cuando se acercan a objetos del juego 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 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 un juego, como abrir puertas y cajones, deslizar una parte, agarrar y lanzar una bola de boliche, tirar hacia atrás y disparar una honda, y mucho más.