Backgrounds

Orbital Background — editable Remotion component

A full-composition solid-color background with three to eight translucent accent planets moving along visible circular orbits around a configurable origin.

Component details

Version
0.1.0
License
MIT
Duration
10.0 seconds
Dimensions
1920 × 1080

Prerequisite: Create a Remotion project

Agent Motion installs components into an existing Remotion project. If you are starting fresh, create the standard project structure first:

npx @agent-motion/cli create remotion my-remotion-video

Add editable source

Run this command from the root of your Remotion project. No separate Agent Motion CLI installation is required.

npx @agent-motion/cli add orbital-background@0.1.0

Agent guidance

  • Layer Orbital Background below transparent text, charts, product UI, or diagrams; it fills the complete composition.
  • centerX and centerY are pixel offsets from the composition center and default to zero, zero.
  • Use midnight or plum for dark product scenes, blueprint for technical scenes, solar for warm launches, and paper for editorial layouts.
  • Keep planetCount between three and eight; each planet receives one visible orbit and deterministic phase offset.
  • Import calculateOrbitalBackgroundDuration to preview one exact seamless loop for the selected preset or duration override.
  • The background is fully rendered at frame zero and owns no scene entrance or exit transition.

Related Remotion components