Timeline is not working

Phaser 3
1

Hi,
The first timeline is not working as expected.
How I can make it works?
What I need is Loop a first tween with multple x,y postion.
and after another timeline.

var timeline = this.tweens.createTimeline();
    timeline.add({
      loop: 3,
      targets: this.ball,
      ease: 'Linear',
      duration: 200,
      tweens: [{ x: 217, y: 9 },
      { x: 186 , y: 12 },
      { x: 157 , y: 18 },
      { x: 129 , y: 35 },
      { x: 103 , y: 50 },
      { x: 79 , y: 69 }]
    });
    timeline.add({
      targets: this.ball,
      scale: 3,
      rotation: {
        from: 20,
        to: 25,
      },
      ease: Phaser.Math.Easing.Cubic.Out,
    });
    timeline.play();
2

You can’t use tweens in timeline.add() because you’re adding one tween.

Without the looping you can do something like

var timeline = this.tweens.timeline({
    targets: image,
    ease: 'Linear',
    duration: 200,
    tweens: [
        { x: 217, y: 9 },
        { x: 186, y: 12 },
        { x: 157, y: 18 },
        { x: 129, y: 35 },
        { x: 103, y: 50 },
        { x: 79, y: 69 },
        { scale: 3, angle: { from: 20, to: 25 }, offset: 1200, ease: 'Cubic.Out' }
    ]
});

But if you add loop: 3 I think you’ll need to move the last tween (scale, angle) out of the timeline.

May be easier to fake the looping by duplicating the x–y tween configs instead.

3

Yes, that the solution I will use, multiply the x-y tween.
I don’t see another option.