Drift

1"use client";
2 
3import type React from "react";
4import {
5  AbsoluteFill,
6  interpolate,
7  useCurrentFrame,
8  useVideoConfig,
9} from "remotion";
10 
11export interface DriftProps {
12  children: React.ReactNode;
13  grow?: number;
14}
15 
16export function Drift({ children, grow = 0.035 }: DriftProps) {
17  const frame = useCurrentFrame();
18  const { durationInFrames } = useVideoConfig();
19  const scale = interpolate(frame, [0, durationInFrames], [1, 1 + grow]);
20  return (
21    <AbsoluteFill style={{ transform: `scale(${scale})` }}>
22      {children}
23    </AbsoluteFill>
24  );
25}