transition-wipe

1import { wipe } from "@remotion/transitions/wipe";
2import {
3  resolveTransitionTiming,
4  type TransitionVariant,
5} from "@/remotion/lib/transition-timing";
6 
7export type WipeDirection =
8  | "from-left"
9  | "from-right"
10  | "from-top"
11  | "from-bottom";
12 
13export type TransitionWipeConfig = {
14  durationInFrames?: number;
15  direction?: WipeDirection;
16  variant?: TransitionVariant;
17};
18 
19/** Wipe transition config for use with TransitionSeries.Transition */
20export function transitionWipe({
21  durationInFrames = 22,
22  direction = "from-left",
23  variant = "editorial",
24}: TransitionWipeConfig = {}) {
25  return {
26    presentation: wipe({ direction }),
27    timing: resolveTransitionTiming({ durationInFrames, variant }),
28  };
29}
30 
31export function getTransitionWipeDuration(
32  config: TransitionWipeConfig = {},
33  fps: number,
34): number {
35  return transitionWipe(config).timing.getDurationInFrames({ fps });
36}