MotionScript

@motion-script/core


@motion-script/core / sequence

Function: sequence()

sequence(...animations): FrameGenerator

Defined in: tween/sequence.ts:19

Runs a list of animations one after another.

Each animation must complete before the next one starts. Accepts both FrameGenerator instances and any Iterable<void> (e.g. an AnimationBuilder).

Parameters

animations

...(FrameGenerator | Iterable<void, any, any>)[]

Animations to run in order.

Returns

FrameGenerator

Example

yield* sequence(
  nodeA.to({ x: 100 }, 0.5),
  wait(0.2),
  nodeB.to({ opacity: 0 }, 0.3),
);