Example Root

1import React from 'react';
2import {Composition} from 'remotion';
3import {CesiumFlythrough, type CesiumFlythroughProps} from './CesiumFlythrough';
4import cityPath from './city-path.json';
5
6export const RemotionRoot: React.FC = () => (
7	<>
8		<Composition
9			id="LandscapeFlyover"
10			component={CesiumFlythrough}
11			defaultProps={{mode: 'landscape'} satisfies CesiumFlythroughProps}
12			durationInFrames={24 * 30}
13			fps={30}
14			width={1920}
15			height={1080}
16		/>
17		<Composition
18			id="CityFlyover"
19			component={CesiumFlythrough}
20			defaultProps={
21				{
22					mode: 'city',
23					path: cityPath as [number, number][],
24					altitudeStart: 700,
25					altitudeEnd: 500,
26					lookAheadKm: 0.7,
27					travelKm: 4.5,
28					pitchFromNadir: 72,
29					verticalExaggeration: 1,
30					maximumScreenSpaceError: 6,
31				} satisfies CesiumFlythroughProps
32			}
33			durationInFrames={18 * 30}
34			fps={30}
35			width={1920}
36			height={1080}
37		/>
38	</>
39);