Couldn't use sequence for morphing animations

[pbmayne]

Hey All,

I am trying to use Macaw and it is awesome but I am thinking that I am missing something in the documentation and wonder if I could get some help?

I am training to chain around 8 animations together then repeat them all from 1-8 continuously.

  let animationOne = trianglegroup.contentsVar.animation(from: squaregroup, to: square, during: 1.0, delay: 0.0)
           animationOne.onComplete {
               print("animationOne complete")
               let animationTwo = crossgroup.contentsVar.animation(from: squaregroup, to: triangle, during: 1.0, delay: 0.0)
               animationTwo.onComplete {
                   print("animationTwo complete")
                   let animationThree = circlegroup.contentsVar.animation(from: squaregroup, to: circleClosedState, during: 1.0, delay: 0.0)
                   animationThree.onComplete {
                       print("animationThree complete")
                       let animationFour = circlegroup.contentsVar.animation(from: squaregroup, to: circle, during: 1.0, delay: 0.0)
                       animationFour.onComplete {
                           print("animationFour complete")
                           let animationFive = squaregroup.contentsVar.animation(from: squaregroup, to: crossClosedState, during: 1.0, delay: 0.0)
                           animationFive.onComplete {
                               print("animationFive complete")
                               let animationSix = squaregroup.contentsVar.animation(from: squaregroup, to: cross, during: 1.0, delay: 0.0)
                               animationSix.onComplete {
                                   print("animationSix complete")
                                   let animationSeven = squaregroup.contentsVar.animation(from: squaregroup, to: squareClosedState, during: 1.0, delay: 0.0)
                                   animationSeven.onComplete {
                                       print("animationSeven complete")
                                       let animationOne = trianglegroup.contentsVar.animation(from: squaregroup, to: square, during: 1.0, delay: 0.0)
                                       animationOne.onComplete {
                                           print("animationOne complete")
                                       }
                                   }
                                   animationSeven.play()
                               }
                               animationSix.play()
                           }
                           animationFive.play()
                       }
                       animationFour.play()
                   }
                   animationThree.play()
               }
               animationTwo.play()
           }
           animationOne.play()

The problem with this is obvious plus It isn't continuous as I have to include another set of animations to repeat an extra time so I am wondering if there is a better way to do it?

Thanks in advance for any help!

[vhailor13]

Hello @pbmayne, you can use .sequence extension method like this:
https://gist.github.com/vhailor13/5603c260ec4de7bb424ab4da839398a1

[pbmayne]

Hey @vhailor13 thank you so much for your reply.

I just attempted this but the animation stops after animationOne.

        let animationOne = squaregroup.contentsVar.animation(from: squaregroup, to: square, during: 1.0, delay: 0.0)
let animationTwo = squaregroup.contentsVar.animation(from: squaregroup, to: triangle, during: 1.0, delay: 0.0)
        let animationThree = squaregroup.contentsVar.animation(from: squaregroup, to: circleClosedState, during: 1.0, delay: 0.0)
        let animationFour = squaregroup.contentsVar.animation(from: squaregroup, to: circle, during: 1.0, delay: 0.0)
        let animationFive = squaregroup.contentsVar.animation(from: squaregroup, to: crossClosedState, during: 1.0, delay: 0.0)
        let animationSix = squaregroup.contentsVar.animation(from: squaregroup, to: cross, during: 1.0, delay: 0.0)
        let animationSeven = squaregroup.contentsVar.animation(from: squaregroup, to: squareClosedState, during: 1.0, delay: 0.0)

        [animationOne, animationTwo, animationThree, animationFour, animationFive, animationSix, animationSeven].sequence().cycle().play()

Am I doing something wrong?

[pbmayne]

Hey @vhailor13 any ideas on this please? Thanks for your help.

[vhailor13]

Just reproduced this behaviour for morphing animation, will fix it asap

[pbmayne]

Thanks @vhailor13. Any ETA or is it just when you get around to it?

[vhailor13]

The problem seems will take some time. 1-3 days as I see it.

[vhailor13]

We decided to refactor core animation functionality in order to properly solve this problem and avoid similar problems in the future. So it will take more time.

[vhailor13]

Sorry for silence period, finally were able to perform the fix. You can try it using master branch:
pod 'Macaw', :git => 'https://github.com/exyte/Macaw.git'

[pbmayne]

Brilliant, thanks @vhailor13. I will test shortly.