La plantilla de funciones de interfaz de usuario muestra lo que es posible al crear interfaces de usuario (IU) personalizadas con Unreal Motion Graphics (UMG). Puedes encontrar esta plantilla en la sección Plantillas de proyecto de Ejemplos de funciones en el explorador de proyectos.
Este tutorial te permitirá familiarizarte con los dispositivos del modo Creativo de Fortnite que añaden una IU personalizada a la visualización frontal (HUD), cómo construir widgets de IU desde el diseño hasta la función del dispositivo, y cómo se utilizaron los materiales, las texturas, y las funciones de materiales en la plantilla para crear el aspecto personalizado de las muestras de IU.
El contenido de muestra de la IU se empaqueta en la carpeta IU del explorador de contenido y, a continuación, por dispositivo en las carpetas de dispositivos. Cada carpeta de dispositivos contiene las siguientes carpetas de recursos:
Instancias de material: materiales y funciones de material utilizados para crear un diseño de interfaz de usuario plano o un diseño dinámico.
Texturas: texturas utilizadas para crear un diseño de interfaz de usuario más complicado que no es posible solo con materiales.
Widgets: el diseño y construcción de los widgets de usuario que sustituye a la IU predeterminada del jugador.
La plantilla se divide en tres vestíbulos. Cada vestíbulo dispone de una serie de salas con distintos dispositivos y ejemplos de IU. Los marcadores están configurados para llevarte de una sala a otra, donde descubrirás los distintos dispositivos del modo Creativo, cómo se utilizan para mostrar una IU personalizada y a ver las muestras de IU creadas para esos dispositivos.
Pulsa estas teclas para seleccionar una nueva sala en la plantilla:
1: sala 1
2: sala 2
3: Sala 3, Sala 5, Sala 6
4: Sala 4
Empieza pulsando la tecla 1 para ir al primer pasillo y entrar en la sala 1, donde recibirás información sobre los dispositivos de mensajes del HUD y de diálogos emergentes, así como sobre sus widgets. Entra en cada sala para ver ejemplos de dispositivos, interfaces de usuario y mucho más. La documentación que aparece a continuación te ayudará a comprender cómo se configuraron estos ejemplos y cómo puedes crear tu propia interfaz de usuario personalizada.
Dispositivos de interfaz de usuario
Más información sobre los dispositivos del modo Creativo que admiten la interfaz de usuario personalizada.
Widgets de UMG
Conoce en profundidad cómo se utilizan los widgets de UMG para crear interfaces de usuario únicas.
Ejemplos de campos de Verse
Aprende a utilizar los campos de Verse para crear una interfaz de usuario personalizada para tu próximo proyecto.
Recursos de material
Más información sobre el uso de materiales y texturas en las interfaces de usuario.
Cómo migrar recursos de plantilla
Más información sobre cómo migrar recursos de plantilla para utilizarlos en tus propios proyectos.