6. Hareketi, Dönüşü ve Ölçeklendirmeyi Birleştirme

Objelerin üzerindeki adım ile hareket etme, dönme veya ölçeklenmenin üçü de aynı anda yapılır. Ancak aynı anda birden fazla biçimde hareket eden nesneler için animasyonlar oluştururken dikkate alınması gereken bazı önemli zorluklar bulunmaktadır.

Animasyon denetleyicisi aynı anda yalnızca bir animasyon oynatabildiğinden, farklı animasyonlarda harekete ettirme, döndürme ve ölçeklendirme yapamazsın. Bir nesneyi animasyon başına birden çok kez döndürmek isteyebileceğin için bu animasyonlar ayrıca birden fazla anahtar kareye ihtiyaç duyar. Tüm anahtar kareleri önceden oluşturman gerektiğinden nesnenin yolculuğundaki her noktada konumu, dönüşü ve ölçeği de hesaplaman gerekir. Nesnen eşit oranda dönüş yapmazsa ne olur? Yarım dönüş olursa ne yaparsın?

Bir sonraki bölümde çok fazla matematiksel işlem bulunmakta ancak sonunda, hayallerindeki Fall Guys parkurunu yapmak için nesneleri birden fazla noktaya taşıyabilecek, döndürebilecek ve ölçeklendirebilecek ayrıca karmaşık, dinamik ve (en önemlisi de!) eğlenceli platform oluşturma zorlukları oluşturabileceksin.

Hareket Eden, Dönen ve Ölçeklenen Animasyonlar Oluşturma

Bir şeyleri bir araya getirmeye başlamak için şu adımları izle:

1. Verse Gezgini ile movable_prop öğesinden devralınan animating_prop adında yeni bir Verse sınıfı oluştur. Özelliklerini UEFN’de kullanıma açmak için bu sınıfa <concrete> belirleyicisi ekle.

   Verse

        # A prop that translates, rotates, and scales to a destination using animation.
        animating_prop<public> := class<concrete>(movable_prop):

   Copy full snippet(2 lines long)

2. { /Fortnite.com/Devices/CreativeAnimation } kullanma ve { /UnrealEngine.com/Temporary/SpatialMath } kullanma ifadelerini dosyanın üst kısmına ekleyerek bu modülleri içe aktar. Nesnene animasyon uygulamak için bunlara ihtiyacın var. Ayrıca bu bölümde kullanılan araç ipuçlarına burada yer verilmiştir.

   Verse

        using { /Fortnite.com/Devices }
        using { /Fortnite.com/Devices/CreativeAnimation }
        using { /Verse.org/Simulation }
        using { /UnrealEngine.com/Temporary/SpatialMath }
   
        RotationRateTip<localizes>:message := "The time it takes to make one AdditionalRotation in seconds."
        UseEasePerKeyframeTip<localizes>:message := "Whether this prop should use the MoveEaseType for each keyframe. False will use the Linear ease type on each frame."
   
        # A prop that translates, rotates, and scales to a destination using animation.
        animating_prop<public> := class<concrete>(movable_prop):

   Copy full snippet(10 lines long)

3. animating_prop sınıf tanımının üst kısmına aşağıdaki alanları ekle:

   1. AdditionalRotation adında düzenlenebilir bir dönüş. Anahtar kare başına RootProp’a uygulanacak dönüş budur.

      Verse

       # The additional rotation to apply to the RootProp per keyframe.
       @editable {ToolTip := AdditionalRotationTip}
       AdditionalRotation:rotation = rotation{}
      

      Copy full snippet(3 lines long)

   2. RotationRate adlı bir düzenlenebilir kayan değer. Bir AdditionalRotation yapılması için gereken saniye cinsinden süredir.

      Verse

       # The time it takes to make one AdditionalRotation in seconds.
       @editable {ToolTip := RotationRateTip}
       var RotationRate:float = 1.0
      

      Copy full snippet(3 lines long)

   3. UseEasePerKeyFrame adlı düzenlenebilir bir mantık. Her anahtar karenin interpolasyon için MoveEaseType kullanıp kullanmayacağını belirler. Bu örnekte, bunun false olarak ayarlanması, her kare için varsayılan olarak doğrusal interpolasyon türünün kullanılmasını sağlar.

      Verse

       # Whether this prop should use the MoveEaseType per each frame of animation.
       # Setting this to false will use the linear MoveEaseType on each frame.
       @editable
       UseEasePerKeyframe:logic = true
      

      Copy full snippet(4 lines long)

   4. MoveTargets adlı düzenlenebilir bir creative_prop dizisi. Bunlar, kök nesnenin seyahat edeceği farklı Kreatif nesneleridir.

      Verse

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

      Copy full snippet(3 lines long)

   5. TargetTransform adlı bir dönüştürme değişkeni. Bu, kök nesnenin şu anda seyahat ettiği dönüşümdür.

      Verse

       # The transform the prop is currently targeting.
       var TargetTransform:transform = transform{}
      

      Copy full snippet(2 lines long)

4. Sınıf tanımın şu şekilde görünmelidir:

   Verse

        using { /Fortnite.com/Devices }
        using { /Fortnite.com/Devices/CreativeAnimation }
        using { /Verse.org/Simulation }
        using { /UnrealEngine.com/Temporary/SpatialMath }
   
        RotationRateTip<localizes>:message := "The time it takes to make one AdditionalRotation in seconds."
        UseEasePerKeyframeTip<localizes>:message := "Whether this prop should use the MoveEaseType for each keyframe. False will use the Linear ease type on each frame."
   
        # A prop that translates, rotates, and scales to a destination using animation.
        animating_prop<public> := class<concrete>(movable_prop):
   
   Expand code Copy full snippet(32 lines long)

5. animating_prop sınıfında Move() fonksiyonunu geçersiz kıl. Ardından bir for ifadesinde MoveTargets dizisindeki her MoveTargets’ı yinele. Her bir MoveTarget’ın geçerliliğini kontrol et ve geçerliyse TargetTransform öğesini MoveTarget dönüştürmesine ayarla.

   Verse

        # Move and rotate the RootProp toward the MoveTarget, or MoveTransform if one is set.
        Move<override>()<suspends>:void=
   
            # Move to each target in the MoveTargets array.
            for:
                MoveTarget:MoveTargets
            do:
   
                # Set the TargetTransformto the MoveTarget if the
                # MoveTarget is set. Otherwise set it to the MoveTransform.
   
   Expand code Copy full snippet(14 lines long)

6. movement_behaviors dosyana geri dönerek BuildMovingAnimationKeyframes() adlı yeni bir metot ekle. Bu fonksiyon, bir hedef dönüşümüne doğru hareket eden ve dönen nesnenin animasyonunu yapan bir dizi anahtar kare oluşturur ve döndürür. Bu fonksiyon, animating_prop özelliğinden çeşitli parametreler alır: MoveDuration, RotationRate, AdditionalRotation, OriginalTransform (nesnenin başlangıç dönüşümü), TargetTransform, MoveEaseType ve UseEasePerKeyframe adlı yeni bir mantık değeri. Her bir anahtar kare için MoveEaseType kullanıp kullanmayacağını belirler. Fonksiyon imzası şu şekilde görünmelidir:

   Verse

        # Builds an array of keyframes that animate movement and rotation from the OriginalTransform to the TargetTransform.
        BuildMovingAnimationKeyframes(MoveDuration:float, RotationRate:float, AdditionalRotation:rotation, OriginalTransform:transform, TargetTransform:transform,MoveEaseType:move_to_ease_type, UseEasePerKeyframe:logic):[]keyframe_delta=
   

   Copy full snippet(2 lines long)

7. BuildMovingAnimationKeyframes() içinde aşağıdaki değişkenleri başlat:

   1. Anahtar Kareler adında bir keyframe_delta değişken dizisi. Sonunda döndüreceğin dizidir.

      Verse

       # The array of keyframes to return.
       var KeyFrames:[]keyframe_delta = array{}
      

      Copy full snippet(2 lines long)

   2. TotalTime adlı bir kayan değer değişkeni. Şu ana kadar animasyon için harcanan toplam süredir.

      Verse

       # The total amount of time spent animating.
       var TotalTime:float = 0.0
      

      Copy full snippet(2 lines long)

   3. StartTransform ve EndTransform adlı iki dönüştürme değişkeni. Bunlar, her bir anahtar karenin başlangıcında ve sonunda nesnenin başlangıç ve bitiş dönüşümleridir. Her ikisini de OriginalTransform olarak başlat.

      Verse

       # The starting transform for building keyframes. This is the
       # transform of the RootProp at the start of each keyframe.
       var StartTransform:transform = OriginalTransform
      
       # The ending transform for building keyframes. This is the
       # transform of the RootProp at the end of each keyframe.
       var EndTransform:transform = OriginalTransform
      

      Copy full snippet(7 lines long)

   4. AdditionalRotation olarak başlatılan, RotationToApply adlı bir dönüş değişkeni. Her bir anahtar kare için nesneye uygulayacağın gerçek dönüştür. Genellikle bu AdditionalRotation olur ancak kesirli bir dönüş yapman gerekiyorsa bu değeri değiştirmen gerekir.

      Verse

       # The actual rotation to apply to the RootProp. Usually this is the
       # AdditionalRotation, but will change in cases with fractional rotations.
       var RotationToApply:rotation = AdditionalRotation
      

      Copy full snippet(3 lines long)

   5. AnimationTime adlı bir kayan değer değişkeni. # Her anahtar kare için gerekli saniye cinsinden süredir. RootProp’un saniyede RotationRate kadar dönüş yapması gerektiğinden bunu 1,0 / RotationRate olarak başlat.

      Verse

       # The time it takes for each keyframe of animation to complete.
       # This is initialized to 1.0/Rotation rate since the RootProp needs to make a
       # RotationRate number of rotations per second.
       var AnimationTime:float = 1.0 / RotationRate
      

      Copy full snippet(4 lines long)

   6. TotalRotations adlı bir kayan değer. Tüm animasyon boyunca gerçekleştirilecek toplam dönüş sayısıdır ve MoveDuration * RotationRate olarak başlatılır. Bunun bir tamsayı değil de kayan sayı olmasının nedeni, bir animasyonun sonunda olduğu gibi, tam bir dönüş yapmana gerek olmayan durumların üstesinden gelmektir.

      Verse

       # The total number of rotations to make.
       TotalRotations:float = MoveDuration * RotationRate
      

      Copy full snippet(2 lines long)

   7. TimePerRotation adlı bir kayan değer. Bir dönüşün tamamlanması için gereken saniye cinsinden süredir. Fonksiyonun şu şekilde görünmelidir.

      Verse

       # Builds an array of keyframes that animate movement and rotation from the OriginalTransform to the TargetTransform.
       BuildMovingAnimationKeyframes(MoveDuration:float, RotationRate:float, AdditionalRotation:rotation, OriginalTransform:transform, TargetTransform:transform,MoveEaseType:move_to_ease_type, UseEasePerKeyframe:logic):[]keyframe_delta=
      
           # The array of keyframes to return.
           var KeyFrames:[]keyframe_delta = array{}
      
           # The total amount of time spent animating.
           var TotalTime:float = 0.0
      
           # The starting transform for building keyframes. This is the
      
      Expand code Copy full snippet(31 lines long)

Takip edilmesi gereken çok fazla değer olduğundan RotationRate olarak 2,5 ve MoveDuration olarak 5,0 değeriyle örnek bir hesaplama yapalım.

    Rotation Rate = 2.5 rotations/second

    Move Duration = 5.0 seconds

    Animation Time = 
        1.0 seconds/Rotation Rate = 
        1.0/2.5 = 0.4 seconds

    Total Rotations = 
        Move Duration /Rotation Rate = 

2,5 RotationRate ve 5,0 MoveDuration değeri ile, her biri 0,4 saniye süren toplam 12,5 dönüş yapacaksın. Bu durumda animasyonun sonunda fazladan bir yarım dönüş yapman gerekir. Ayrıca animasyon süresi ve her bir dönüş sürenin aynı olduğunu görebilirsin. Tam dönüşten daha azını yapman gerektiği durumlar dışında bu durum, neredeyse her zaman geçerlidir. Başlangıçta aynı değerde olsalar bile, daha sonraki matematiksel işlemleri yapabilmek için her iki değişkeni de takip etmen gerekir.

Döngüde Anahtar Kareler Oluşturma

Oluşturmaya başlayalım! Anahtar karelerini oluşturan döngüyü ayarlamak için aşağıdaki adımları izle.

1. BuildMovingAnimationKeyframes() fonksiyonuna bir döngü (loop) ifadesi ekle. Döngü her yinelendiğinde yeni bir anahtar kare oluşturursun ve anahtar kareler dizisine eklersin. Döngünün başlangıcında, TotalTime değerini TimePerRotation ile güncelle.

   Verse

        # Build each keyframe of animation and add it to the Keyframes array.
        # The loop breaks when the TotalTime goes past the MoveDuration.
        loop:
            # Add the TimePerRotation to the TotalTime.
            set TotalTime += TimePerRotation
   

   Copy full snippet(5 lines long)

2. Nesnenin bu anahtar karenin sonunda olması gereken yer olan EndTransform öğesini oluştur. EndTransform öğesini aşağıdaki parametrelerle yeni dönüşüme ayarla:

   1. Translation değerini, OriginalTransform ile TargetTransform arasındaki Lerp() çağrısının sonucuna ayarla. Lerp() fonksiyonu iki değer ve 0,0 ile 1,0 arasında bir Lerp oranı alır. Ardından Lerp oranına göre ikisinin arasında bir yerde yeni bir değer oluşturur. Lerp oranı, 1,0 değerine ne kadar yakınsa dönüşüm de TargetTransform öğesine o kadar yakın olacaktır, bunun tam tersi de olabilir.

      Verse

       # Build the ending transform for the RootProp to move to.
       set EndTransform = transform:
           # Use Lerp() to find how far between the StartingTransform and the TargetTransform the RootProp should translate.
           # Do the same for scale, and rotate the starting transform by the RotationToApply.
           # The Lerp Parameter is based on the total number of rotations since the RootProp should guarantee that it makes
           # at least that many rotations over the whole animation.
           Translation := Lerp(OriginalTransform.Translation, TargetTransform.Translation, (TotalTime * RotationRate) / (TotalRotations))
      

      Copy full snippet(7 lines long)

   2. Orijinal dönüşümün dönüşünü ve RotationToApply ile döndürülen orijinal dönüşümü ileterek dönüşü MakeShortestRotationBetween() sonucuna ayarla.

      Verse

       Translation := Lerp(OriginalTransform.Translation, TargetTransform.Translation, (TotalTime * RotationRate) / (TotalRotations))
       Rotation := MakeShortestRotationBetween(OriginalTransform.Rotation, OriginalTransform.Rotation.RotateBy(RotationToApply))~~~
      

      Copy full snippet(2 lines long)

   3. Ölçek değerini, OriginalTransform.Scale ile TargetTransform.Scale arasındaki Lerp() çağrısının sonucuna ayarla. Bunun, ölçeklendirilmesi gereken değer değil, nesnenin ölçeklendirilmesi gereken ölçek olduğunu unutma. Tamamlanmış EndTransform’un şu şekilde görünmelidir:

      Verse

       # Build the ending transform for the RootProp to move to.
       set EndTransform = transform:
           # Use Lerp() to find how far between the StartingTransform and the TargetTransform the RootProp should translate.
           # Do the same for scale, and find the shortest rotation between the original transform and a rotation to apply to it.
           Translation := Lerp(OriginalTransform.Translation, TargetTransform.Translation, LerpParameter)  
           Rotation := MakeShortestRotationBetween(OriginalTransform.Rotation, OriginalTransform.Rotation.RotateBy(RotationToApply))   
           Scale := Lerp(OriginalTransform.Scale, TargetTransform.Scale, LerpParameter)    
      

      Copy full snippet(7 lines long)

3. Bitiş dönüşümünü ayarladıktan sonra bir ana kare oluşturmanın zamanı geldi! Bu büyük ölçüde MoveToEase() fonksiyonu için yaptığın işlemin aynısıdır. KeyFrame adında yeni bir keyframe_delta değişkeni oluştur. DeltaLocation öğesini dönüşüm yer değiştirmelerinin bitişi ve başlangıcı arasındaki farka ayarla. DeltaRotation öğesini bitiş dönüşümünün dönüşüne ayarla. Ölçekteki değişikliği hesaplaman gerektiğinden DeltaScale öğesini, bitiş dönüşümünün ölçeğinin başlangıç dönüşümünün ölçeğine bölünmesiyle elde edilen sonuca ayarla. Zaman, AnimationTime olmalı ve InterpolationType, bir if ifadesinin sonucu olmalıdır. UseEasePerKeyframe true ise MoveEaseType kullan. Aksi halde doğrusal tür kullan. Anahtar kare ifadesi şu şekilde görünmelidir:

   Verse

        # Build the animation keyframe to animate the RootProp.
        Keyframe := keyframe_delta:
            DeltaLocation := EndTransform.Translation - StartTransform.Translation,
            DeltaRotation := EndTransform.Rotation,
            DeltaScale := EndTransform.Scale/StartTransform.Scale,
            Time := AnimationTime,
            # Use the MoveEaseType for interpolation if UseEasePerKeyframe is true,
            # otherwise use the Linear movement type.
            Interpolation :=
                if:
   
   Expand code Copy full snippet(15 lines long)

4. Anahtar karen hazır olduğuna göre artık onu Anahtar Kareler dizisine ekleyebilirsin. Ardından bir sonraki anahtar kare için güncellemek üzere StartTransform öğesini EndTransform olarak ayarlamalısın. Son olarak; TotalTime, MoveDuration değerinden büyükse döngüden çık.

   Verse

        # Add the new keyframe to the KeyFrames array, and set the
        # StartTransform to the EndTransform.
        set Keyframes += array{Keyframe}
        set StartTransform = EndTransform
        # Break out of the loop if the TotalTime passes the MoveDuration.
        if:
            TotalTime >= MoveDuration
        then:
            break
   

   Copy full snippet(9 lines long)

5. Dikkate alınması gereken önemli bir uç durum var: Tam dönüşten daha azını yapman gerektiğinde ne olur? TotalTime öğesine TimePerRotation eklediğin için, TotalTime döngünün başlangıcındaki MoveDuration değerinden daha fazla olabilir. Bu durumda, kalan süreyi kullanman ve farkı hesaba katarak daha kısa bir animasyon süresiyle tam dönüşten daha azını yapman gerekir. Bu durumu göz önünde bulundurmak için şu adımları izle:

   1. Döngünün başlangıcında TotalTime değerini güncelledikten sonra bir if ifadesi başlat. İçerisinde, bir LeftoverTime değişkeni başlat ve bu değişkeni TotalTime değerinin MoveDuration değerinden çıkarılmasından elde edilen sonuca (0,0 değerinden büyük olup olmadığını kontrol ederek) ayarla. Bu ifade, yalnızca karşılaştırma true ise LeftoverTime değişkeni atar.

      Verse

       loop:
           # Add the TimePerRotation to the TotalTime.
           set TotalTime += TimePerRotation
           if:
               # If the TotalTime is greater than the MoveDuration, the final keyframe needs
               # to be shortened. This means making a fraction of a rotation.
               LeftoverTime := TotalTime - MoveDuration > 0.0
      

      Copy full snippet(7 lines long)

   2. Bir dönüşün ne kadarını yapman gerektiğini bilmek için yeni bir Roation Fraction değişkeni başlat ve bunu TimePerRotation ile LeftoverTime arasındaki farkın TimePerRotation ile bölünmesiyle elde edilen değere ayarla.

      Verse

       if:
           # If the TotalTime is greater than the MoveDuration, the final keyframe needs
           # to be shortened. This means making a fraction of a rotation.
           LeftoverTime := TotalTime - MoveDuration > 0.0
      
           # The fraction of a rotation to make.
           RotationFraction := (TimePerRotation - LeftoverTime)/TimePerRotation
      

      Copy full snippet(7 lines long)

   3. RotationFraction öğesinden değiştirilmiş bir dönüş oluşturmak için Slerp[] kullan. Bu, küresel interpolasyonu yürüten ve benzer parametrelere sahip Lerp() sürümüdür. İki farklı dönüş arasındaki en kısa dönüşü bulur ve lerp parametresine göre bir dönüş döndürür. IdentityRotation() ile RotationToApply tarafından döndürülen IdentityRotation() arasında interpolasyon yaparak, lerp parametresi olarak RotationFraction kullanarak Slerp[] çağrısı yap. EndTransform öğesinin hangi son dönüşte olması gerektiğiyle değil yalnızca hangi kesirli dönüşü uygulaman gerektiğini bulmakla ilgileniyorsan IdentityRotation() kullanırsın.

      Verse

       set TotalTime += TimePerRotation
       if:
           # If the TotalTime is greater than the MoveDuration, the final keyframe needs
           # to be shortened. This means making a fraction of a rotation.
           LeftoverTime := TotalTime - MoveDuration > 0.0
      
           # The fraction of a rotation to make.
           RotationFraction := (TimePerRotation - LeftoverTime)/TimePerRotation
      
           # Make a modified fractional rotation by using Slerp(). The Slerp() function does spherical interpolation
      
      Expand code Copy full snippet(12 lines long)

   4. Bu değerler ayarlandığında, RotationToApply öğesini ModifiedRotation olarak ayarla, animasyonunu ne kadar kısaltacağını öğrenmek için AnimationTime öğesini RotationFraction ile çarp ve son olarak EndTransform öğesini hesaplarken bundan daha fazla çıkmasını istemediğin için TotalTime öğesini MoveDuration olarak ayarla.

      Verse

           ModifiedRotation := Slerp[IdentityRotation(),  IdentityRotation().RotateBy(RotationToApply), RotationFraction]
       then:
           # Set the RotationToApply to the modified rotation, and multiply the animation time by
           # the RotationFraction to get the modified animation time.
           set RotationToApply = ModifiedRotation
           set AnimationTime = AnimationTime * RotationFraction
           # Since the TotalTime should not go past the MoveDuration,
           # set TotalTime to MoveDuration.
           set TotalTime = MoveDuration
      

      Copy full snippet(9 lines long)

6. Fonksiyonunun sonunda, döngünün ardından Anahtar Kareler dizisini döndür. Tamamlanmış BuildMovingAnimationKeyframes() fonksiyonun şu şekilde görünmelidir:

   Verse

        # Builds an array of keyframes that animate movement and rotation from the OriginalTransform to the TargetTransform.
        BuildMovingAnimationKeyframes(MoveDuration:float, RotationRate:float, AdditionalRotation:rotation, OriginalTransform:transform, TargetTransform:transform,MoveEaseType:move_to_ease_type, UseEasePerKeyframe:logic):[]keyframe_delta=
   		
            # The array of keyframes to return.
            var Keyframes:[]keyframe_delta = array{}
   		
            # The total amount of time spent animating.
            var TotalTime:float = 0.0
   		
            # The starting transform for building keyframes. This is the
   
   Expand code Copy full snippet(97 lines long)

7. Artık anahtar karelerini oluşturma mantığını tanımladığına göre animasyonlarını yapabilirsin. Animasyonunu oluşturmak ve çağırmak için ayrı bir fonksiyon kullanırsın. animating_prop sınıfına yeni bir BuildAndPlayAnimation() fonksiyonu ekle. Diğer asenkron fonksiyonları çağırmasına izin vermek için bu fonksiyona <suspends> değiştiricisini ekle.

   Verse

        # Builds an animation from an array of keyframes, then calls MoveToEase()
        # to animate the prop.
        BuildAndPlayAnimation()<suspends>:void=

   Copy full snippet(3 lines long)

8. BuildAndPlayAnimation() içerisinde, Anahtar Kareler adında yeni bir keyframe_delta dizisi başlat. Ardından Keyframes özelliğini BuildMovingAnimationKeyframes() çağrısı sonucuna ayarla. Nesnenin konumu Move() çağrıları arasında değişiklik gösterdiğinden başlangıç dönüşümü olarak RootProp.GetTransform() kullan. animation_mode değişkenini animation_mode.OneShot olarak başlat, Anahtar Kareler dizisini ve AnimationMode özelliğini ileterek MoveToEase() çağrısı yap.

   Tamamlanmış BuildMovingAnimationKeyframes() fonksiyonun şu şekilde görünmelidir:

   Verse

    # Builds an animation from an array of keyframes, then calls MoveToEase()
    # to animate the prop.
    BuildAndPlayAnimation()<suspends>:void=
        var Keyframes:[]keyframe_delta = array{}
   
        # Build the animation, using the RootProp as the target transform.
        set Keyframes = BuildMovingAnimationKeyframes(MoveDuration, RotationRate, AdditionalRotation, RootProp.GetTransform(), TargetTransform, MoveEaseType, UseEasePerKeyframe)
   
        # Set the animation mode to OneShot.
        var AnimationMode:animation_mode := animation_mode.OneShot
   
   Expand code Copy full snippet(13 lines long)

9. Move() fonksiyonundayken, TargetTransform öğesini hareketli hedefler dönüşümüne ayarladıktan sonra BuildAndPlayAnimation() için çağrı yap.

   Verse

        # Move to each target in the MoveTargets array.
        for:
            MoveTarget:MoveTargets
        do:
            # Set the TargetTransform to the MoveTarget if the
            # MoveTarget is set. Otherwise set it to the MoveTransform.
            if:
                MoveTarget.IsValid[]
            then:
                set TargetTransform = MoveTarget.GetTransform()
   
   Expand code Copy full snippet(12 lines long)

Değerlendirilmesi gereken bir konu daha var. Hareketli hedefler ayarlamazsan ne olur? Bu durumda nesnen yeni bir hedefe gitmeden yerinde dönmeye devam eder. Bu sorunu düzeltmek için Move() fonksiyonunun üst kısmına bir if ifadesi ekle. if özelliğindeyken MoveTargets.Length = 0 olup olmadığını kontrol et ve öyleyse TargetTransform öğesini kök nesnenin dönüşümüne ayarla. Ardından, BuildAndPlayAnimation() için çağrı yap. Bu şekilde, hareketli bir hedef belirlemesen de nesnenin animasyonu devam eder. Tamamlanmış Move() animasyonu şu şekilde görünmelidir:

    # Move and rotate the RootProp toward the MoveTarget, or MoveTransform if one is set.
    Move<override>()<suspends>:void=
        # If there are no targets to move to, this prop will rotate in place.
        if:
            MoveTargets.Length = 0
        then:
            set TargetTransform = RootProp.GetTransform()

            # Build and play the animation.
            BuildAndPlayAnimation()

Şimdi prop_animator sınıfında animating_prop için referans vermen gerekiyor. prop_animator özelliğinde, MoveAndRotateProps adında düzenlenebilir bir animating_prop dizisi ekle. OnBegin() özelliğinde, başka bir for ifadesinde, Setup() çağrısı yaparak MoveAndRotateProps içerisinde bulunan her nesneyi başlat. Tamamlanmış prop_animator sınıfın şu şekilde görünmelidir:

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

    TranslatingPropsTip<localizes>:message = "The props that translate (move) using animation."
    RotatingPropsTip<localizes>:message = "The props that rotate using animation."
    ScalingPropsTip<localizes>:message = "The props that scale using animation."
    AnimatingPropsTip<localizes>:message = "The props that both move and rotate using animation."

    # Coordinates moving props through animation by calling each movable_prop's Setup() method.

Kodunu kaydet ve derle.

Tebrikler, tüm kod bu kadar! Artık her şeyi birbirine bağlama zamanı.

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

EasingCategory<localizes>:message := "These control the type of movement easing applied to the prop."
LogicCategory<localizes>:message := "These control different aspects of the prop's logic."
PropsCategory<localizes>:message := "These are the props that move associated with this device."
RotationCategory<localizes>:message := "These control how the prop rotates."
TimingCategory<localizes>:message := "These control the timing of parts of the prop's movmement."

Nesneleri Cihazlara Bağlama

Editördeyken, nihai hedeften önce bir boşluk oluşturmak için dönen nesne bölümünden sonra parkurun bir bölümünü sil. Bölümüne başka bir FG01 SpinningBar Çift S ve FG01 Uçan Platform M ekle. Nesneleri SpinningMovingBar ve TranslatingPlatform olarak adlandır, ardından her nesnenin hareket edeceği hedefler olacak birkaç FG01 Düğme Ampul nesnesi ekle. Bunları PlatformTarget olarak adlandır. Platformları ve çubuğu boşluğun üzerine yerleştir ve hedefleri platformların hareket etmesini istediğin yere yerleştirdiğinden emin ol. Bu örnekte, dönen çubuk bir taraftan diğer tarafa hareket ederken platform ileri geri hareket etmektedir.

Dönen çubuğun ve hareketli platformun kurulumu. Oklar, her bir nesnenin hangi yönde hareket ettiğini gösterir. Dönen çubuk ve platform ileri geri hareket eder ve dönen çubuk hareket ettikçe kendi etrafında da döner.

Anahat Düzenleyicisi’nde özellik animatörü seç. Dönen çubuğun için AnimatingProps öğesine bir dizi elementi ekle. Her değeri aşağıdaki için ayarla:

Hareketli platformun için TranslatingProps öğesine başka bir dizi elementi ekle. Platform hedeflerine MoveTargets ve TranslatingPlatform özelliğine RootProp ata.

Oturumu Başlat öğesine bas ve engelli parkurunu tamamlamayı dene!

Kendi Kendine Yapabileceklerin

Hepsi bu kadar! Artık Verse’ü kullanarak kendi Fall Guys engelli parkurunu oluşturmak için ihtiyacınız olan her şeye sahipsin!

Buradaki kodu, herhangi bir deneyiminde ve hatta Fall Guys projelerinin dışında kreatif nesnelerinin animasyonu için kullanabilirsin!

Öğrendiklerini kullanarak aşağıdakileri dene:

• Çeşitli yönlerde veya anahtar kareler arasında rastgele dönen engeller oluştur.

• Yalnızca oyuncu üzerinde durduğunda veya belirli bir mesafeye yaklaştığında etkinleşen engeller yap.

• Belirlenen süreden sonra platformların nasıl kaybolacağını veya çok uzun süre kaldıklarında oyuncuyu tehlikeli konumlara nasıl taşıyacağına karar ver.

Tam Kod

Bu bölümde animating_prop için yeniden düzenleme örneği de dahil olmak üzere, tam yerleşik kod verilmiştir.

moveable_prop.verse

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

MoveDurationTip<localizes>:message = "The amount of time the prop takes to move to its destination."
MoveEaseTypeTip<localizes>:message = "The animation easing applied to the movement."
MoveEndDelayTip<localizes>:message = "The delay after the movement finishes."
MoveOnceAndStopTip<localizes>:message = "Whether the RootProp should stop in place after it finishes moving."
MoveStartDelayTip<localizes>:message = "The delay before the movement starts."
MoveTargetsTip<localizes>:message = "The array of CreativeProp to move toward. These targets can be children of the RootProp."

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):

related_prop.verse

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

AdditionalRotationTip<localizes>:message = "The rotation to apply to the RootProp."
ShouldRotateForeverTip<localizes>:message = "Whether the RootProp should rotate forever."
MatchRotationTargetTip<localizes>:message = "The optional prop whose rotation the RootProp should rotate to. Use this if you do not want to set an Additional Rotation."

# A prop that rotates by an additional rotation or rotates to match

scaling_prop.verse

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

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

# A prop that scales toward either a given scale or a Creative prop's scale.
scaling_prop<public> := class<concrete>(movable_prop):
    # The array of vector3 targets for the RootProp to scale to.

animating_prop.verse

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

RotationRateTip<localizes>:message := "The time it takes to make one AdditionalRotation in seconds."
UseEasePerKeyframeTip<localizes>:message := "Whether this prop should use the MoveEaseType for each keyframe. False will use the Linear ease type on each frame."

# A prop that translates, rotates, and scales to a destination using animation.
animating_prop<public> := class<concrete>(movable_prop):

movement_behaviors.verse

# This file stores functions common to animating Creative props using keyframes.
# It also defines the move_to_ease_type enum to help in building animations.

using { /Fortnite.com/Devices }
using { /UnrealEngine.com/Temporary/SpatialMath }
using { /Fortnite.com/Characters}
using { /Fortnite.com/Devices/CreativeAnimation }

# Represents the different movement easing types.
move_to_ease_type<public> := enum {Linear, Ease, EaseIn, EaseOut, EaseInOut}

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."
RotatingPropsTip<localizes>:message = "The props that rotate using animation."
ScalingPropsTip<localizes>:message = "The props that scale using animation."
MoveAndRotatePropsTip<localizes>:message = "The props that both move and rotate using animation."

# Coordinates moving props through animation by calling each moveable_prop's Setup() method.

animating_props.verse (animating_prop yeniden düzenleme örneği)

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

EasingCategory<localizes>:message := "These control the type of movement easing applied to the prop."
LogicCategory<localizes>:message := "These control different aspects of the prop's logic."
PropsCategory<localizes>:message := "These are the props that move associated with this device."
RotationCategory<localizes>:message := "These control how the prop rotates."
TimingCategory<localizes>:message := "These control the timing of parts of the prop's movmement."