3. Cómo trasladar elementos

Algunos de los obstáculos más fáciles se mueven simplemente hacia adelante y hacia atrás. A menudo te encontrarás con ellos en los desafíos de plataformas, donde tendrás que calcular el tiempo de los saltos y moverte con cuidado para no caerte.

El movimiento de una plataforma de este modo se denomina traslación, o cambio de posición de la transformación de un objeto. En esta sección, aprenderás a crear plataformas que no solo se mueven hacia delante y hacia atrás, sino que pueden desplazarse a múltiples puntos del mundo, ¡y a utilizarlas para crear tu primer obstáculo!

Cómo crear elementos que se pueden trasladar

Sigue los pasos que se indican a continuación para construir el código con el que podrás trasladar tus plataformas:

1. Crea una nueva clase de Verse con el nombre translating_prop que herede de movable_prop mediante el explorador de Verse. Añade el especificador <concrete> a esta clase para exponer sus propiedades a UEFN.

   Verse

        # A prop that moves (translates) toward either a Creative prop target
        # or a position in world space.
        translating_prop<public> := class<concrete>(movable_prop):

   Copy full snippet(3 lines long)

2. Añade las declaraciones using { /Fortnite.com/Devices/CreativeAnimation } y using { /UnrealEngine.com/Temporary/SpatialMath } en la parte superior del archivo para importar estos módulos. Necesitarás estos módulos para animar el elemento. También se incluyen aquí los consejos utilizados en esta sección.

   Verse

        using { /Fortnite.com/Devices }
        using { /Fortnite.com/Devices/CreativeAnimation }
        using { /Verse.org/Simulation }
        using { /UnrealEngine.com/Temporary/SpatialMath }
   
        MovePositionTip<localizes>:message = "The optional position to move to World Space. Use this if you do not want to set a MoveTarget."
   
        # A prop that moves (translates) toward either a Creative prop target
        # or a position in world space.
        translating_prop<public> := class<concrete>(movable_prop):

   Copy full snippet(10 lines long)

3. En la parte superior de la definición de la clase translating_prop, añade los siguientes campos:

   1. Una matriz editable de creative_prop con el nombre MoveTargets. Estos son los elementos del modo Creativo a los que se moverá tu RootProp durante el juego. El uso de otro elemento en lugar de una transformación como objetivo hace que sea más fácil visualizar hacia dónde se dirigen los elementos. Más adelante los harás invisibles durante el juego en el editor.

      Verse

                              # The Creative prop targets for the RootProp to move toward.
                              @editable {ToolTip := MoveTargetsTip}
                              var MoveTargets:[]creative_prop = array{}
      								        
      

      Copy full snippet(4 lines long)

   2. Una variable opcional editable vector3 con el nombre MovePosition. Si no asignas un elemento MoveTarget, el elemento raíz lo utilizará para saber hacia dónde moverse.

      Verse

                               # The position for the RootProp to move toward. Use this if you
                               # do not want to set a MoveTarget.
                               @editable {ToolTip := MovePositionTip}
                               var MovePosition:?vector3 = false
      								        
      

      Copy full snippet(5 lines long)

   3. Una variable vector3 con el nombre TargetPosition. Esta es la posición a la que se moverá tu elemento y se establecerá como la posición del objetivo de movimiento o MovePosition.

      Verse

                               # The position the prop is currently targeting.
                               var TargetPosition:vector3 = vector3{}
      								        
      

      Copy full snippet(3 lines long)

   4. La definición de la clase debería tener este aspecto:

      Verse

       # A prop that moves (translates) toward either a Creative prop target
       # or a position in world space.
       translating_prop<public> := class<concrete>(movable_prop):
      
           # The Creative prop targets for the RootProp to move toward.
           @editable {ToolTip := MoveTargetsTip}
           var MoveTargets:[]creative_prop = array{}
      
           # The optional position for the RootProp to move toward. Use this if you
           # do not want to set a MoveTarget.
      
      Expand code Copy full snippet(15 lines long)

4. Dado que ya configuraste la función Move() que mueve tu elemento de movable_prop, puedes anularla en esta clase. Anula la función Move() en tu clase translating_prop.

   Verse

        # Translate toward the MovePosition, or MoveTarget if one is set.
        Move<override>()<suspends>:void=

   Copy full snippet(2 lines long)

5. En Move(), en una expresión if, comprueba si MovePosition está definida y almacenada en un valor NewPosition. Si es así, establece TargetPosition como NewPosition.

   Verse

        # Translate the RootProp toward the MoveTarget, or MovePosition if one is set.
        Move<override>()<suspends>:void=
            # Set the TargetPosition to the MovePosition if it is set.
            if:
                NewPosition := MovePosition?
            then:
                set TargetPosition = NewPosition

   Copy full snippet(7 lines long)

6. Tu función MoveToEase() necesitará que le pases un animation_mode. La animación se reproduce una vez cada vez que se llama a Move() y animation_mode controla lo que sucede cuando la animación finaliza. Llama a MoveToEase() para pasar TargetPosition, MoveDuration, MoveEaseType y animation_mode.OneShot. Al utilizar este modo de animación, la animación se detendrá una vez que el objeto alcance el objetivo. Esta es la función sobrecargada MoveToEase() que has configurado anteriormente y que no recibe rotación ni escala.

   Verse

        # Set the TargetPosition to the MovePosition if it is set.
        if:
            NewPosition := MovePosition?
        then:
            set TargetPosition = NewPosition
   		            
            # Call MoveToEase to start moving the prop. The OneShot animation mode will play the animation once.
            RootProp.MoveToEase(TargetPosition, MoveDuration, MoveEaseType, animation_mode.OneShot)
   

   Copy full snippet(8 lines long)

   Si bien el modo de animación de una sola vez (OneShot) es útil si quieres restablecer tu objeto o mantenerlo en movimiento, ¿qué ocurre si quieres reproducirla en sentido inverso? En este caso, puedes utilizar el modo de animación PingPong. Esta opción reproducirá tu animación, después la reproducirá en sentido contrario y así el elemento volverá al lugar donde empezó. También existe el modo de animación Loop que hace un bucle en tu animación pero requiere que tu animación termine en el mismo lugar donde empieza. Elige el modo de animación que mejor se adapte a las necesidades de tu experiencia.

7. Al configurar tus elementos, si no has establecido una MovePosition en el editor, tendrás que establecer uno o más MoveTargets para que tu elemento raíz se mueva. Para gestionar los MoveTargets en una expresión for, deberás recorrer cada objetivo en MoveTargets. Comprueba si MoveTarget está definido llamando a IsValid[]. Si es así, establece TargetPosition como la traslación de MoveTarget.

   Verse

        # Set the TargetPosition to the MovePosition if it is set.
        if:
            NewPosition := MovePosition?
        then:
            set TargetPosition = NewPosition
        else:
            for:
                MoveTarget:MoveTargets
            do:
                # Set the TargetPosition to the MoveTarget's position if the
   
   Expand code Copy full snippet(15 lines long)

8. Por último, llama a MoveToEase(), de nuevo con animation_mode.OneShot como modo de animación. Al hacerlo en una expresión for, moverás tu elemento a cada uno de los objetivos en secuencia, reiniciando al final o continuando en función de los parámetros que hayas establecido. Tu función Move() completa debería tener este aspecto:

   Verse

        # Translate the RootProp toward the MoveTarget, or MovePosition if one is set.
        Move<override>()<suspends>:void=
   
            # Set the TargetPosition to the MovePosition if it is set.
            if:
                NewPosition := MovePosition?
            then:
                set TargetPosition = NewPosition
   
                # Call MoveToEase to start moving the prop. The OneShot animation mode will play the animation once.
   
   Expand code Copy full snippet(25 lines long)

Cómo construir el dispositivo de Verse

Ahora que tu código de Verse está completo, necesitas una forma de llamarlo dentro del nivel. Utilizarás otro dispositivo de Verse para coordinar tus elementos y colocarlos todos cuando empiece el juego. Sigue los pasos que se indican a continuación para coordinar los obstáculos y mover las plataformas.

1. Crea un nuevo dispositivo de Verse llamado prop_animator mediante el explorador de Verse. Este es el dispositivo que coordinará el movimiento de tus elementos.

2. En prop_animator, añade una matriz editable de translating_prop con el nombre TranslatingProps. Después, en OnBegin(), en una expresión for, llama a Setup() en cada elemento. Tu archivo prop_animator completo debería tener el siguiente aspecto:

   Verse

        using { /Fortnite.com/Devices }
        using { /Verse.org/Simulation }
        using { /UnrealEngine.com/Temporary/Diagnostics }
   
        TranslatingPropsTip<localizes>:message = "The props that translate (move) using animation."
        # Coordinates moving props through animation by calling each moveable_prop's Setup() method.
   
        prop_animator := class(creative_device):
   
            # Array of moveable_props that translate using animation.
   
   Expand code Copy full snippet(20 lines long)

3. Guarda el código y compílalo.

4. Arrastra tu dispositivo prop_animator al nivel.

Cómo vincular elementos a dispositivos

De vuelta en el editor, elimina algunos de los elementos cerca del principio para crear un espacio. Añade dos elementos FG01 Hover Platform M (plataforma flotante M) a tu nivel. Puesto que estas son las plataformas que vas a animar, nómbralas TranslatingPlatform. Luego añade varios elementos FG01 Button Bulb (bombilla de botón), que serán los objetivos a los que se moverá cada plataforma. Dales el nombre PlatformTarget. Coloca las plataformas sobre el espacio y asegúrate de colocar los objetivos donde quieres que vayan las plataformas. Puedes especificar múltiples objetivos para cada plataforma.

Configuración de la traslación de los elementos. Cada plataforma se mueve hacia delante y hacia atrás entre dos objetivos de movimiento, tal como indican las flechas.

Arrastra tu dispositivo prop_animator al nivel y selecciónalo. En el Esquematizador, añade un elemento de matriz a TranslatingProps para cada plataforma. Asigna a cada elemento los siguientes valores:

Haz clic en Abrir sesión y observa cómo se animan tus plataformas. Intenta modificar MoveDuration, MoveEaseType y los retrasos de inicio y fin para crear diferentes escenarios.

Esto es todo en cuanto a la traslación. En la siguiente sección, crearás elementos que giran en distintas direcciones.

Siguiente

• 

  4. Cómo rotar elementos

  Aprende a rotar los obstáculos en tu recorrido de Fall Guys.

Código completo

A continuación encontrarás el código completo creado en esta sección:

translating_prop.verse

using { /Fortnite.com/Devices }
using { /Fortnite.com/Devices/CreativeAnimation }
using { /Verse.org/Simulation }
using { /UnrealEngine.com/Temporary/SpatialMath }

MovePositionTip<localizes>:message = "The optional position to move to World Space. Use this if you do not want to set a MoveTarget."

# A prop that moves (translates) toward either a Creative prop target
# or a position in world space.
translating_prop<public> := class<concrete>(movable_prop):

prop_animator.verse

using { /Fortnite.com/Devices }
using { /Verse.org/Simulation }
using { /UnrealEngine.com/Temporary/Diagnostics }

TranslatingPropsTip<localizes>:message = "The props that translate (move) using animation."

# Coordinates moving props through animation by calling each moveable_prop's Setup() method.
prop_animator := class(creative_device):

    # Array of moveable_props that translate using animation.