How can I sequence 2 callbacks in parallel but with delay ?

[gabe39]

I have 2 animators that use the same controller, and I want to set some parameters in parallel but one of the has to be delayed.
I tried using ChainCallback and add afer it Group with Tween.Delay, but if I add another one a few sequences later, it will play at the same time with the first group.
How can I avoid this ?

Here's the code that I used:

public void Knight1Attack_Knight2Attack()
    {
        //Knight1
        knight1SpriteRenderer.sortingOrder = 1; //Move knight1 sprite layer above knight2
        Sequence seq1 = Sequence.Create();
        seq1.ChainCallback(this, target => Tween.Color(fadePanelImage, Color.clear, Color.black, 0.3f, Ease.OutSine)); // Fade out
        seq1.ChainDelay(0.5f);

        seq1.ChainCallback(() => knight1Object.transform.localPosition = knight1AttackPosition); // Move to attack position
        seq1.Chain(Tween.Color(fadePanelImage, Color.black, Color.clear, 0.3f, Ease.InSine)); // Fade in
        seq1.ChainDelay(0.5f);

        seq1.ChainCallback(this, target => PlayKnightAttack(1)); // Play knight1 attack animation
        seq1.Group(Tween.Delay(this, knightHurtDelayTime, target => PlayKnightHurt(2))); //Group with previous sequence and play in parallel knight2 hurt animation
        seq1.ChainDelay(1.5f);

        seq1.ChainCallback(this, target => knight1SpriteRenderer.sortingOrder = 0); //Move knight1 sprite layer at the same layer as knight2
        seq1.ChainCallback(this, target => Tween.Color(fadePanelImage, Color.clear, Color.black, 0.3f, Ease.OutSine)); // Fade out
        seq1.ChainDelay(0.5f);

        seq1.ChainCallback(this, target => knight1Object.transform.localPosition = knight1NormalPosition); // Move Knight1 to normal position
        seq1.ChainCallback(this, target => knight2SpriteRenderer.sortingOrder = 1); //Move knight2 sprite layer at the same layer as knight1
        seq1.ChainCallback(this, target => knight2Object.transform.localPosition = knight2AttackPosition); // Move Knight2 to attack position
        seq1.Chain(Tween.Color(fadePanelImage, Color.black, Color.clear, 0.3f, Ease.InSine)); // Fade in
        seq1.ChainDelay(0.5f);

        seq1.ChainCallback(this, target => PlayKnightAttack(2)); // Play knight2 attack animation
        seq1.Group(Tween.Delay(this, knightHurtDelayTime, target => PlayKnightHurt(1))); //Group with previous sequence and play in parallel knight1 hurt animation
    }

AnimationWeirdBehaviour.mp4

[gabe39]

I actually found a way to do this, but I'm not sure if this is the correct approach:

        seq.Chain(
            Sequence.Create()
            .ChainCallback(this, target => PlayKnightAttack(2)) // Play knight2 attack animation
            .Group(Tween.Delay(this, knightHurtDelayTime, target => PlayKnightHurt(1))) //Group with previous sequence and play in parallel knight1 hurt animation
        );

[KyryloKuzyk]

I'm glad you've found the solution! Yes, it's perfectly fine to nest sequences inside other sequences in PrimeTween. The sequence works as a union for all its nested tweens and sequences.

It's also possible to insert animations at specific time by using sequence.Insert() method. It gives full manual control over the timeline.

[gabe39]

I actually tried to do it with insert first, but then I figured out how it works, and that I would have to find the correct time to insert. So I found sequence.Group() to be the easier and faster method, for me at least.

[gabe39]

Also, it would be nice to make the documentation a little bit clearer (at least the part about the group method), in my opinion. Because if didn't try to achieve what I mentioned before, I wouldn't have known that groups are called one after the other no matter how they are ordered in the sequence.