Aurora curtain

Make it fit your project.

Build a twelve-second Canvas background using several translucent ribbons. Compute ribbon height from a sum of slow sine waves, add smaller frequency detail, and layer strokes with decreasing opacity. Use periodic time functions so the first and last frame match.

Build and check.

1. Confirm the supplied content, target environment, and required assets before implementing.
2. Build a twelve-second Canvas background using several translucent ribbons. Compute ribbon height from a sum of slow sine waves, add smaller frequency detail, and layer strokes with decreasing opacity. Use periodic time functions so the first and last frame match.
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.

• This Canvas study approximates light curtains. Keep contrast sufficient for any overlaid content.
• 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.