All motion recipes

3D & backgrounds / CANVAS

Starfield drift

A sparse starfield drifts past a fixed camera with a slow sense of depth.

Starfield driftPrompt recipe · preview pending

Prompt recipe; no reproduced preview yet. You can use the prompt now; this recipe has not yet been reproduced for the gallery.

Make it fit your project.

Your brief stays in this browser. Preparing a prompt does not send it to a server.

Build a Canvas scene with 300 seeded stars at stable 3D coordinates. Move the camera forward slowly, project points with perspective, and recycle stars beyond the near plane. Keep point size and brightness bounded, and leave a dark region for content.

Build and check.

  1. Confirm the supplied content, target environment, and required assets before implementing.
  2. Build a Canvas scene with 300 seeded stars at stable 3D coordinates. Move the camera forward slowly, project points with perspective, and recycle stars beyond the near plane. Keep point size and brightness bounded, and leave a dark region for content.
  3. Expose seek(t) so frames can be inspected deterministically; add play, pause, replay, and a reduced-motion still.
  4. Inspect the opening, midpoint, and final state at desktop and mobile sizes; report any dependency or output limitation.

Know the limits.

  • Avoid full-screen flashes or high-speed optical flow; offer a static starfield for reduced motion.
  • The prompt guides a coding agent; output quality depends on its implementation and review.

Want us to build it?

Send an optional project brief. We’ll receive your contact details, project description, and this recipe’s ID.

By sending this brief, you agree to our privacy policy. Prefer a conversation? Book a strategy call.

Catalog 2026-10-22.a82e12098f76 · Source revision sha256:dfbe6519cbc4fc84acc4cbf926d8a01c7f2e248dd46cedd67a9112b0e928c2ba