Hay algunos dispositivos que admiten el uso de widgets para mostrar una IU personalizada. Los dispositivos que aparecen en la plantilla muestran las interfaces de usuario de formas diferentes y específicas. Cada sala de la plantilla tiene información sobre los dispositivos que aparecen y cómo muestran una interfaz de usuario personalizada.
Prueba la plantilla para ver las muestras de interfaz de usuario.
A continuación puedes ver una tabla con los dispositivos que se muestran en la plantilla, los enlaces a sus páginas de dispositivos y los números de sala donde se puede encontrar un dispositivo:
| Dispositivo | Número de sala | Imagen del dispositivo |
|---|---|---|
1 | ||
1 | ||
2 | ||
Dispositivo controlador del HUD (barra rápida) | 2 | |
3 | ||
3 | ||
3 | ||
Dispositivo de conversación | 4 |
Tipos de widgets de usuario
Casi todos los dispositivos de la plantilla de funciones utilizan widgets de usuario para controlar el HUD y mostrar una interfaz de usuario personalizada.
Durante el juego, los widgets de usuario muestran una interfaz de usuario personalizada para el jugador en el HUD cuando se activa un dispositivo. Los dispositivos están vinculados a widgets de UMG. Esto significa que cuando un jugador interactúa con un dispositivo, la IU se actualiza y muestra la información actualizada del jugador.
Hay dos tipos diferentes de widgets de usuario: Widget de usuario y Variante de diálogo modal. Ambos tipos de widgets pueden utilizar cualquiera de los widgets de UMG para crear una interfaz de usuario personalizada.
Widget de usuario es el widget predeterminado que se utiliza al crear una interfaz de usuario personalizada.
Variante de diálogo modal solo puede utilizarse con el dispositivo Diálogo emergente.
Por ejemplo, el dispositivo de conversación utiliza un banco de conversaciones para construir la IU de la conversación, pero puedes crear un aspecto personalizado para tu IU de conversación con una variante de diálogo modal.
Utilidades de la IU de Verse
Las utilidades de la IU de Verse son un conjunto de utilidades de interfaz de usuario (IU) controladas por Verse. Estas utilidades controlan y crean una serie de widgets de UMG diferentes en Verse y utilizan un dispositivo de Verse para mostrar la IU en el HUD.
En Verse, las disposiciones se crean utilizando contenedores como superposiciones o cajas apilables, de forma muy similar a como se haría en el editor de UMG. Dentro de estos contenedores, se utilizan widgets como text_block, material_block e image_block para insertar texto, materiales o imágenes. Estos widgets de Verse pueden responder a eventos en el juego y puedes utilizarlos con otros widgets de Verse.
Los widgets de Verse se encuentran en la parte trasera del segundo vestíbulo, en la segunda sala, junto con ejemplos de cada widget. El widget material_block gestiona los materiales de la IU, el widget text_size gestiona el tamaño del texto de la IU en el text_block del HUD,
y el widget player_input asigna elementos personalizados de la IU al HUD en función de las asignaciones de teclas.
| Bloque de material | Tamaño del texto | Entrada del jugador |
|---|---|---|
Para obtener más información sobre el uso de Verse para controlar widgets, consulta Tipos de widgets y los documentos disponibles en Cómo crear una interfaz de usuario con Verse.
Todas las secuencias de comandos de Verse están disponibles en el proyecto Plantilla de interfaz de usuario. En el explorador de Verse, puedes encontrar los siguientes archivos de IU programados de Verse:
materialblock_basic_device.verse
materialblock_gameplay_device.verse
textsize_device.verse
hud_keybind_demo_device.verse
Bloque de material
Un material_block se utiliza como uno de los espacios dentro de un widget personalizado creado con código de Verse. Durante el juego, el material_block te permite manipular los parámetros del material a través de Verse para cambiar el aspecto y el comportamiento del material de la IU/instancia de material en el HUD. Esto es similar a cómo un image_block te permite utilizar una textura en Verse.
Un material_block se utiliza de varias maneras en el código de Verse:
Permite utilizar parámetros de material para determinar el tamaño, el comportamiento y el aspecto del material para crear una IU más dinámica.
Puede pasar valores de Verse a los parámetros de material, de modo que estos se actualicen dinámicamente en función del juego.
Para obtener más información sobre el uso de material_block en tus proyectos, consulta el documento Bloque de material.
Tamaño del texto
La propiedad text_size forma parte del widget text_block y te permite personalizar el tamaño del texto que se muestra en la IU de un jugador mediante un widget text_block.
En Verse, text_block es un tipo de widget que se inserta dentro de un widget creado por Verse y muestra una cadena de texto.
La propiedad personalizada text_size utiliza código de Verse para controlar los siguientes atributos de texto:
Tamaño
Posición
Color
Entrada del jugador
La entrada del jugador se utiliza para escuchar los datos del jugador que informan al código dónde y cuándo asignar los controles de la IU al HUD en función de los botones pulsados. En UMG, esto funciona cuando se utiliza un widget de acción en un widget de usuario, el campo de acción de entradas mejoradas se vincula a una acción de entrada mediante una asignación de teclas.
En el widget, las asignaciones de teclas están asignadas a recargar, disparar, agacharse y levantarse.
En la plantilla, cuando se añade el widget al jugador, se añade la asignación de entradas en Verse. Esto vincula automáticamente las acciones de entrada a ese jugador, de modo que el widget de UMG se actualiza con las asignaciones de teclas correctas para esa acción de entrada.
Para asignar los elementos de la IU a los jugadores, primero se detectan los jugadores mediante el código de Verse y, a continuación, se utiliza PlayerInput para asignar la IU personalizada al HUD en función de las asignaciones de teclas asignadas a:
Mapeado transversal
Asignación de armas a distancia
A continuación, se utiliza PlayerInput.AddInputMapping para asignar la IU del widget de UMG a las teclas asignadas al jugador para agacharse y levantarse. La IU se asigna al jugador a través del evento al que está suscrito OnPlayerAdded. Del mismo modo, la asignación se elimina mediante el evento suscrito OnPlayerRemoved.
Muestras de interfaz de usuario
Cada dispositivo tiene tres categorías de muestras de interfaz de usuario:
Con materiales.
Con texturas.
Con materiales y texturas.
Al entrar en los volúmenes situados junto a la sección del dispositivo, se activa la IU personalizada. Los tres ejemplos no solo muestran lo que es posible hacer con UMG, sino también el nivel de detalle y diseño que puedes poner en tu propia interfaz de usuario. Algunos volúmenes causan daño y proporcionan potenciadores de salud. De esta forma, puedes ver los cambios en la IU en tiempo real.
Todos los ejemplos de IU pueden recrearse utilizando los tutoriales de la sección Interfaces de usuario en el juego. A continuación puedes ver una lista de muestras de diseños de interfaz de usuario, el tipo de widgets de usuario utilizados para crear la interfaz de usuario y los tutoriales que enseñan a crear una interfaz de usuario similar.
| Muestra de IU | Tipo de widget | Tutorial |
|---|---|---|
Mensaje del HUD | ||
Widget de usuario | ||
Widget de usuario | ||
Widget de usuario | ||
Diálogo emergente | ||
Variante de diálogo modal | ||
Variante de diálogo modal | ||
Variante de diálogo modal | ||
Controlador del HUD | ||
Widget de usuario | ||
Widget de usuario | ||
Widget de usuario | ||
Widget de usuario | ||
Widget de usuario | ||
Widget de usuario | ||
Widget de usuario | ||
Controlador del HUD: barra rápida | ||
Widget de usuario | ||
Widget de usuario | ||
Widget de usuario | ||
Widget de usuario | ||
Creador de estadísticas | ||
Widget de usuario | ||
Widget de usuario | ||
Widget de usuario | ||
Interacción de habilidad | ||
Widget de usuario | ||
Widget de usuario | ||
Widget de usuario | ||
Dispositivo de conversación | ||
Banco de conversaciones | ||
Dispositivo Cronómetro | ||
Widget de usuario | ||
Widget de usuario | ||
Widget de usuario |