~1 min read

Tween chain

Chain a sequence of tween effects on a single target — move, spin, fade, reset, loop.

Tween chain Phaser 4 · sandboxed

Notes

  • Each item in tweens: [...] is a full tween config — its own duration, ease, delay, callbacks.
  • The chain runs them sequentially, capturing the current value of each property as it starts.
  • The outer onComplete: () => run() re-arms the chain — the “perpetual loop” pattern. (You could also use repeat: -1 on a regular tween for simpler loops.)
  • See the Tweens guide for chain, value tweens, and the rest of the API.