OBJECTS FOR THE WEB / 032Planet Rise
Interaction
Atmosphere
SCROLL TO RISELEFT LAYOUT · SCROLL
A HORIZON FOR YOUR HERO.The view from
The view from
four hundred kilometres up.
The curved edge of a planet drawn live in WebGL: a thin, glowing band of atmosphere, a dark surface with faint cloud, a field of stars, and the sun on the horizon with its flare — following the cursor along the edge of the world. Switch it to scroll and the planet climbs into view and the sun crests it as the section passes. Your headline, text and button sit in the sky above; colours, curvature and horizon are all controls.
Download the componentOne Code File. React and Framer only.
Touch, reduced motion, CSS fallback and canvas preview included.