Skip to main content

transitions

import {...} from "@motion-canvas/core/lib/transitions";

Transitions between scenes.

Functions​

fadeTransition​

public fadeTransitionduration: number = 0.6: ThreadGenerator

Perform a transition that fades between the scenes.

Parameters

  • duration: number = 0.6

    The duration of the transition.

slideTransition​

public slideTransitiondirection: Direction = Direction.Topduration: number = 0.6: ThreadGenerator

Perform a transition that slides the scene in a given direction.

Parameters

useTransition​

public useTransitioncurrent: public ()previous?: public (): public ()

Transition to the current scene by altering the Context2D before scenes are rendered.

Parameters

  • current: public ()

    The callback to use before the current scene is rendered.

  • previous?: public ()

    The callback to use before the previous scene is rendered.

zoomInTransition​

public zoomInTransitionarea: BBoxduration: number = 0.6: ThreadGenerator

Perform a transition that zooms in on a given area of the scene.

Parameters

  • area: BBox

    The area on which to zoom in.

  • duration: number = 0.6

    The duration of the transition.

zoomOutTransition​

public zoomOutTransitionarea: BBoxduration: number = 0.6: ThreadGenerator

Perform a transition that zooms out from a given area of the scene.

Parameters

  • area: BBox

    The area from which to zoom out.

  • duration: number = 0.6

    The duration of the transition.