Web Development

Planet Jumping - Space Portal Experience

An immersive space portal experience: click the tilting window to travel from Mars to Earth to Venus through cinematic approach footage.

Gallery

Project description

  • Single-page immersive experience that travels between Mars, Earth and Venus
  • Pointer-tilting rounded portal window that previews the next planet
  • Click to expand the window to full screen, play the transition and land on the next world
  • Canvas-driven scene rendering with buffered video so transitions start instantly
  • Planet facts panel, planet index and menu that update with each destination
  • Custom cursor and reduced-motion friendly fallbacks
Visit Live Site
Type
Website
Category
Web Development
Tech Stack
Next.jsReactTypeScriptCanvas APICSSNetlify
Back to all projects
More like this
Related Web Development Projects