PERIHELION: scroll-driven solar-sail story
By Sulat (sulat.com). Model: Kimi K3. Posted date unknown. Original post: https://motion-scroll-story.k3.demos.sulat.com/
Create a scroll-driven narrative website called "PERIHELION" that tells the story of a fictional solar-sail probe's journey from launch to its closest approach to the sun — a superior exemplar of the motion-design-and-animation trend where scrolling is the engine of a cinematic story. The visitor never clicks through pages; the entire story unfolds through scroll, with the scrollbar acting as the mission timeline. Choreograph the journey as a sequence of pinned, scroll-scrubbed scenes: countdown and liftoff with layered parallax plumes; the probe unfolding its sail as the viewport darkens into space; a slingshot pass of a rendered planet with depth-stacked star fields; a long quiet cruise chapter where transmission logs and telemetry tick by; the burning approach to the sun with heat shimmer and blooming light; and a final transmission scene. Between chapters, smooth eased transitions carry the visitor from one environment to the next without hard cuts. Build every visual with code — canvas, CSS, SVG, or WebGL as you see fit — and give each scene small reactive details: stars that drift with the pointer, a sail that tilts subtly, instrument readouts that respond to scroll velocity. Support the spectacle with the substance of a real mission site: a persistent mission-progress indicator, chapter navigation that scrubs to any point in the journey, transmission log entries that can be opened and read, a cast of mission-control quotes, and a closing epilogue with credits. Motion must be smooth and deliberate — scrubbed where the visitor drives, eased where the site takes over — and reduced-motion preferences must yield a fully readable, statically composed version of every scene. The story must remain powerful on mobile, with scenes restaged for a narrow viewport rather than cropped. Do not take shortcuts or produce a few parallax sections and call it a story. This skill imposes no token budget limit, so pursue the full depth of the experience: keep refining the scene choreography, the parallax depth, the telemetry details, the transitions, the accessibility fallback, and the responsive staging until the journey feels like a short film the visitor pilots with the scroll wheel — complete, cohesive, and convincingly superior to ordinary examples of the trend.
