import { AbsoluteFill, Sequence, useCurrentFrame, interpolate, Easing, Audio } from 'remotion'; import { loadFont } from '@remotion/google-fonts/Montserrat'; import { IntroText } from './components/IntroText'; import { PlaceholderImage } from './components/PlaceholderImage'; export const { fontFamily: montserratFontFamily } = loadFont("normal"); export function ReerollVideo() { const imagePositions = [ // Row 1 { id: 'img-0', left: 30, top: 120, direction: 'top-left' }, { id: 'img-1', left: 380, top: 120, direction: 'top' }, { id: 'img-2', left: 730, top: 120, direction: 'top-right' }, // Row 2 { id: 'img-3', left: 30, top: 720, direction: 'left' }, { id: 'img-4', left: 380, top: 720, direction: 'center' }, // Added middle-center image { id: 'img-5', left: 730, top: 720, direction: 'right' }, // Row 3 { id: 'img-6', left: 30, top: 1320, direction: 'bottom-left' }, { id: 'img-7', left: 380, top: 1320, direction: 'bottom' }, { id: 'img-8', left: 730, top: 1320, direction: 'bottom-right' }, ]; const imageWidth = 320; const imageHeight = 480; const imageAnimationDuration = 20; // frames for entrance const imageDelayBetween = 5; // frames for staggered appearance // Define row-specific disappearance timings (in global frames) const rowDisappearTimings = [ { start: 210, end: 240 }, // Row 1 (indices 0, 1, 2) { start: 240, end: 270 }, // Row 2 (indices 3, 4, 5) { start: 270, end: 300 }, // Row 3 (indices 6, 7, 8) ]; const currentGlobalFrame = useCurrentFrame(); return ( {/* Background Audio */}

); }

Reeroll Video