Orbitarius

Orbitarius Landing Page

The Orbitarius landing page is a scroll-driven cinematic intro to the Solar System lab. A real Babylon.js scene with a high-resolution Mars surface plays through Explore, Create, Learn, and Build-with-you chapters as you scroll, then hands you off to the actual simulation in one click.

What you see on the page

Every visual is rendered live in WebGL — no video files. Mars is a real textured sphere lit by a physically positioned sun. The wireframe globe, the orbiting compass, the schematic Solar System, and the retrograde loop diagrams are all SVG or Babylon scenes that respond to your scroll position frame by frame.

Behind the scenes

The whole intro is implemented as a single React page with a custom scroll-smoothing layer, so the animation feels even on trackpad, mouse wheel, and keyboard. Asset loading is tiered — Mars and the loading visuals appear within milliseconds, while the heavier Simulation chunks pre-warm in the background so the Start Simulation button is essentially instant on a returning visit.

Frequently asked questions

Is the Mars on the landing page the same as in the Simulation?
It uses the same source texture, downscaled and re-encoded for fast first paint. The full 8K-pixel master is loaded only when you enter the actual Simulation.
Why does the page work on mobile too?
Field of view, texture size, and atmosphere parameters are tuned per viewport so the framing and performance stay good on phones without falling back to a static image.
  • Solar System — Jump straight into the physics-based simulation.
  • Roadmap — What is coming next to Orbitarius.