Paper Texture

A white paper texture background with a slowly changing posterized seed.

Preview

Use it

Copy the source code into your Remotion project. The file exports the Element component. Preview dimensions, frame rate, and duration are supplied by the gallery.

Source

paper-texture.tsx
import {paper} from '@remotion/effects/paper';
import React from 'react';
import {interpolate, Solid, useCurrentFrame} from 'remotion';

export const PaperTexture: React.FC = () => {
	const frame = useCurrentFrame();

	return (
		<Solid
			color="white"
			width={1920}
			height={1080}
			effects={[
				paper({
					colorFront: 'white',
					colorBack: 'white',
					seed: interpolate(frame, [0, 120], [0, 1000], {
						extrapolateLeft: 'clamp',
						extrapolateRight: 'clamp',
						posterize: 30,
					}),
				}),
			]}
		/>
	);
};