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: Directionduration?: number: ThreadGenerator
public slideTransitionorigin: Originduration?: number: ThreadGenerator

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

Parameters


useTransition

public useTransitioncurrent: public ()previous?: public ()previousOnTop?: SignalValueboolean: 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.

  • previousOnTop?: SignalValueboolean

    Whether the previous scene should be rendered on top.


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.