Actualmente, hay un error en el que no verás un campo de Condición de animación de la IU en las vistas de vinculaciones cuando no se hayan creado vistas de vinculaciones normales. Primero debes crear una vista de vinculaciones normal para poder ver los campos de vinculación de condición. Este error se corrigió en la versión 33.00.
Usa el Sequencer en UMG para animar widgets. Los widgets se animan en función de los valores que se introducen en un parámetro de material.
Cómo configurar el widget
El widget utiliza el widget Rastreador del ejemplo en Cómo configurar los parámetros de materiales en UMG.
Crea un widget rastreador si no tienes uno listo para usar. Luego, haz lo siguiente:
Añade un bloque de texto que muestre un +1 encima del widget rastreador existente. Esto indica que el rastreador de eliminaciones aumenta en función de la cantidad de zombis eliminados.
En Renderización > Opacidad de renderización, establece la Opacidad de renderización en 0.0 para este bloque de texto.
El widget ya se puede animar.
Configuración de la animación
Para añadir animación a tu IU, abre el Sequencer en el gráfico de eventos para animar el ícono y "+1". Luego, configura la animación en el Sequencer.
Para este ejemplo, el ícono salta, y el texto "+1" aparece cuando el rastreador del jugador progresa como en el gif que figura a continuación.
Para obtener información sobre cómo utilizar el Sequencer, consulta el documento Sequencer y rig de control.
Abre la ventana Animación en Ventana > Animaciones.
Haz clic en +Animación y nombra la animación OnIncrement.
Cómo animar la visibilidad de un widget
Para animar la IU, debes identificar el widget que deseas animar y, luego, animar el material o la textura asociados con ese widget en el Sequencer en la ventana de animación. Selecciona el IncrementText (+1) e inicia la animación.
Selecciona OnIncrement; luego, selecciona el Texto +1 y +Añadir > Incrementar texto.
Selecciona el ícono +más en la pista IncrementText y selecciona Opacidad de renderización. Esto te permite rastrear la opacidad en la línea de tiempo de la animación.
Define una clave para el comienzo de la animación. Esto determina dónde el texto comienza a aparecer y desaparecer.
Establece la opacidad de renderización de la siguiente manera:
1.0 a 0.25 segundos
0.0 a 0.50 segundos
Ahora tienes una animación en la que el texto aparece y desaparece cada vez que el jugador consigue una eliminación.
Cómo animar la posición de un widget
Añade una animación a la posición del widget de texto para que el texto se mueva hacia arriba cuando sea visible antes de desaparecer.
Haz clic en el ícono +más en IncrementText y selecciona Transformar.
Expande Transformar > Traslación y establece Y en la cantidad que deseas que el texto +1 se mueva hacia arriba mientras es visible. En este ejemplo, los fotogramas clave de traslación Y en el texto se definen de la siguiente manera:
0.0 en 0.0 s
-20.0 en 0.25 s
-20.0 en 0.50 s
Recuerda establecer fotogramas clave para cada movimiento del texto.
Ahora el texto se mueve hacia arriba cuando aparece.
Cómo animar la escala de un widget
Aumenta el tamaño del texto +1 animado a medida que se mueve para llamar la atención sobre las eliminaciones mediante la animación de la configuración de escala del widget. Esta animación da la ilusión de que el texto "resalta" en la pantalla.
Expande IncrementText > Transformar > Escala. Los valores X e Y aparecen en Escala.
Establece la Escala X e Y como fotogramas clave en tu línea de tiempo de OnIncrement. En este ejemplo, los fotogramas clave de escala se definieron de la siguiente manera:
0.0 en 0.0 s
2.0 a 0.10 s
0.0 a 0.50 s
Ahora, el texto +1 aparece con un efecto dramático cuando se reproduce la animación.
Cómo animar un parámetro de material de un pincel de imagen
Para que el ícono en el material se expanda con el progreso del rastreador, accede al material a través del Sequencer.
Selecciona la imagen del TrackerMaterial; luego haz clic en + Añadir > TrackerMaterial en la animación OnIncrement.
Haz clic en el ícono +más en la pista TrackerMaterial y selecciona material Brush.Brush. Esto añade una pista de material a la propiedad de material Brush.Brush.
Haz clic en el ícono +más en la nueva pista de Brush.Brush.Material y selecciona IconScaleX y IconScaleY.
Expande IconScaleX e IconScaleY. Puedes manipular fácilmente estos parámetros en el Sequencer cuando se reproduce la animación OnIncrement. Al utilizar esta configuración, puedes animar el ícono escalando hacia arriba y hacia abajo.
Establece IconScaleX e IconScaleY de la siguiente manera:
0.7 a 0.00
1.0 a 0.25
0.7 a 0.00
Ahora la animación usa los parámetros de material de TrackerMaterial para animar el ícono como en el gif que aparece a continuación.
Cómo añadir una condición de animación
Ahora que tu animación está lista, vincúlala a un valor de jugabilidad para que reproduzca una animación cuando cambie un valor de jugabilidad.
Selecciona Ventana > Vinculaciones de vista y abre la ventana Vinculaciones de vista.
En la ventana Vinculaciones de vista, selecciona +Añadir condición.
Selecciona el cuadro de la izquierda y, luego, selecciona MVVM_UEFN_Tracker > Valor. Esto rastrea el progreso del rastreador mediante la reproducción de una animación cada vez que se incrementa el valor del rastreador.
Haz clic en el menú desplegable del medio y selecciona Más que (>).
Los 2 cuadros en el medio son las condiciones que deseas que se cumplan para reproducir la animación. Cada vez que el valor cambia, comprueba si está dentro de dicha condición y, si es así, reproducirá la animación.
Al establecerlo en Más que (>) 0.0, la IU reproducirá la animación cada vez que cambie este valor.
Selecciona el cuadro de la derecha y, luego, selecciona WBP_{YourWidgetName} > Animación de reproducción en cola. El cuadro derecho es la acción que se va a realizar cuando este valor cumpla con la condición. En este caso, para reproducir la animación OnIncrement que se creó anteriormente.
En Vista de vinculaciones, aparece una lista de opciones relativas a la animación que deseas reproducir.
En animación = Reproducir
Iniciar a la hora = Seleccionar una hora
Cantidad de bucles que se reproducirán = Cantidad de bucles de la animación
Modo de juego = Avance, Reversa o Ping Pong
Velocidad de reproducción = Acelera o ralentiza la animación
Restaurar estado = Restaura la animación a su estado predeterminado
Haz clic en el ícono de enlace junto a InAnimation; luego, selecciona WBP_{YourWidgetName} > OnIncrement > Seleccionar.
Ahora tu animación está configurada para reproducirse siempre que el rastreador progrese.
Resultado final
A medida que los jugadores eliminan enemigos o PNJ, la IU muestra el progreso de la eliminación con el ícono emergente y el +1 que aparece, salta y desaparece.
