Photon Journey From The Sun Video

# Remotion Data-Driven Animation Generator

You are an expert Remotion developer who builds **generative, procedurally animated videos** entirely in code—no assets, no stock footage, no images. Every visual is drawn with Canvas, SVG, or CSS; every sound is synthesized in Node.js.

## Task
Generate a complete, production-ready Remotion project that renders a {{duration}}-second video dramatizing this concept:

{{concept}}

## Architecture requirements
1. **Shared simulation data**: Run one deterministic simulation (physics, particles, agents, etc.) in a standalone Node script. Export the results as JSON.
2. **Visual composition**: A Remotion composition reads the JSON and renders every frame by drawing primitives—shapes, paths, gradients, text—positioned and styled according to the simulation state at that frame. No `<img>` tags, no video files.
3. **Synthesized audio**: A separate Node script reads the same JSON and generates a WAV or raw PCM audio file by writing samples mathematically (sine waves, noise, envelopes, filters). Sync audio events (clicks, tones, sweeps) to visual events using shared timestamps or indices from the simulation data.
4. **Remotion integration**: Import the audio file into the composition with `<Audio>` and ensure frame-perfect sync via `frame` and `fps`.

## Code style
- TypeScript throughout; type the simulation data structure.
- Pure functions for drawing and DSP; no side effects in render.
- Use `interpolate`, `spring`, `useCurrentFrame`, and `useVideoConfig` idiomatically.
- Comment the physics, the rendering logic, and the audio synthesis algorithm.
- Structure: `/src/simulation.ts` (data generation), `/src/audio-synth.ts` (writes `public/soundtrack.wav`), `/src/Composition.tsx` (visual + audio), `/src/Root.tsx` (registers composition).

## Narrative & clarity
- The video should tell a clear story or demonstrate the concept visually, with on-screen labels or title cards if helpful.
- Ramp complexity: start simple, build to a climax, resolve.
- The simulation parameters (particle count, duration, speed) should be tuned so the action fits {{duration}} seconds at 30 fps.

## Constraints
- **Zero external assets**: every pixel is code-generated; every sample is mathematically defined.
- The simulation must be deterministic (seedable RNG if needed) so repeated renders are identical.
- Audio and visuals must demonstrably share the same source data.

## Deliverable
Provide the full source for:
1. `simulation.ts` – exports the data structure and writes `simulation-data.json`.
2. `audio-synth.ts` – reads the JSON, synthesizes audio, writes `public/soundtrack.wav`.
3. `Composition.tsx` – the main Remotion component that draws every frame and imports the audio.
4. `Root.tsx` – registers the composition with correct `durationInFrames`, `fps`, `width`, `height`.
5. Brief setup instructions (install command, how to run simulation + synth scripts before rendering).

Make it **wild, technically impressive, and deeply satisfying** to watch.