import { AbsoluteFill, Img, interpolate, useCurrentFrame, Easing, } from 'remotion'; import {loadFont} from '@remotion/google-fonts/DancingScript'; import {loadFont as loadPlayfairFont} from '@remotion/google-fonts/PlayfairDisplay'; const {fontFamily: dancingScriptFamily} = loadFont('normal', { weights: ['700'], }); const {fontFamily: playfairFamily} = loadPlayfairFont('normal', { weights: ['400'], }); const GridItem = ({ src, from, duration, }: { src: string; from: number; duration: number; }) => { const frame = useCurrentFrame(); const opacity = interpolate(frame, [from, from + duration], [0, 1], { extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); return (

); }; export const GridIntro = ({images}: {images: string[]}) => { const frame = useCurrentFrame(); const lifeOpacity = interpolate(frame, [10, 25], [0, 1], { extrapolateLeft: 'clamp', extrapolateRight: 'clamp', easing: Easing.out(Easing.ease), }); const recentlyOpacity = interpolate(frame, [25, 40], [0, 1], { extrapolateLeft: 'clamp', extrapolateRight: 'clamp', easing: Easing.out(Easing.ease), }); return (

life

recently

); };

Life Recently