Interactive Astronomical Explorer

A real-time 3D solar system simulation built with Three.js, WebGL, and custom trigonometric orbital equations. Experience deep space navigation through mouse drag orbits, touch gestures, or device orientation gyroscopes. Inspect scale-accurate celestial bodies, trace orbital paths, and manipulate system parameters dynamically.

Hierarchical Kinematics

Celestial bodies utilize a parent-child matrix hierarchy. Moons calculate their orbital vectors relative to their parent planetary body, mirroring true orbital mechanics.

Raycasting & Selection

Leverages Three.js Raycasters to convert 2D screen mouse clicks or mobile touch coordinates into 3D world space intersections for instant object inspection.

Adaptive Sensor API

Integrates the HTML5 DeviceOrientation API with automated permission requests for iOS and Android, allowing physical device tilting to steer the camera.

Scroll to zoom • Drag to orbit • Click body

System Toggles

Background Stars
Planets & Sun
Planetary Moons
Orbit Path Rings
Circulate Sun

Celestial Inspector

Select any star, planet, or moon in the viewport to inspect its astrophysical data.