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 destacados en el explorador de proyectos.
Este tutorial complementario te ayudará a familiarizarte con los dispositivos del modo Creativo de Fortnite que añaden una IU personalizada al HUD, cómo compilar widgets de IU desde el diseño hasta la funcionalidad del dispositivo, y cómo se utilizaron los materiales, las texturas y las funciones de material en la plantilla de características 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, se empaqueta por dispositivo en las carpetas Dispositivos. Cada carpeta de dispositivo contiene las siguientes carpetas de recursos:
Instancias de material: materiales y funciones materiales que se utilizan para crear un diseño de IU plano o dinámico.
Texturas: texturas que se utilizan para crear un diseño de IU más complejo que no es posible lograr solo con materiales.
Widgets: el diseño y la construcción del widget de usuario que reemplaza la IU predeterminada del jugador.
La plantilla se divide en tres salas. Cada sala tiene una serie de salas que presentan diferentes dispositivos y ejemplos de IU. Los marcadores se configuran para llevarte de una sala a otra, donde aprenderás sobre los diferentes dispositivos creativos, cómo se utilizan para mostrar una IU personalizada y para ver las muestras de IU creadas para esos dispositivos.
Presiona 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
Para comenzar, presiona la tecla 1 para ir al primer pasillo y entra en la Sala 1, donde comenzarás a aprender sobre los dispositivos de mensaje del HUD y de diálogo emergente, así como de sus widgets. Ingresa a cada sala para ver ejemplos de dispositivos, IU y más. La documentación que aparece a continuación te ayudará a comprender cómo se plantearon estos ejemplos y cómo puedes crear tu propia IU personalizada.
Dispositivos de la interfaz de usuario
Obtén más información sobre los dispositivos del modo Creativo compatibles con las IU personalizadas.
Widgets de UMG
Descubre en profundidad cómo se utilizan los widgets de UMG para crear interfaces de usuario únicas.
Ejemplos de campos de Verse
Obtén más información sobre cómo usar los campos de Verse a fin de crear la IU personalizada para tu próximo proyecto.
Recursos de materiales
Obtén más información sobre el uso de materiales y texturas con interfaces de usuario.
Cómo migrar recursos de plantilla
Aprende a migrar los recursos de la plantilla para utilizarlos en tus propios proyectos.