Lunar Atlas is an interactive 3D atlas of the moon developed with Three.js.
The scene renders a textured, displacement-mapped sphere representing the Moon, surrounded by a starfield, an orbiting Earth and the Sun. Over a hundred real lunar features are plotted onto the sphere and rendered as floating on-screen labels that stay locked to the lunar surface as the camera moves, fading out when they rotate onto the far side.
Clicking any label opens a details panel that gives the user real information about the feature they selected.
An orbiting spacecraft circles the Moon and can be inspected from a dedicated satellite camera. The spacecraft's solar panels continuously reorient themselves toward the sun, and its robotic arms can be manually rotated by the user.
The user can explore the moon surface, identify craters, maria, mountain ranges and Apollo landing sites, and interact with the orbiting Gateway Core spacecraft.
https://sapienzainteractivegraphicscourse.github.io/final-project-LunarAtlas/
- Interactive 3D model of the Moon with real elevation and color mapping
- Two switchable cameras: a free-orbiting "Navigator" camera and a "Spacecraft" camera that tracks an orbiting space station
- Real-time latitude/longitude readout and nearest-feature detection
- Database of real lunar features: craters, maria, mountain ranges, valleys and Apollo landing sites
- Clickable on-screen labels for every visible feature
- Feature info panel with live Wikipedia summaries and Wikimedia Commons imagery
- Orbiting spacecraft (Gateway-style station) with animated solar panels
- Controllable robotic arms on the spacecraft
- Physically based lighting with sunlight, earthshine and shadows
- Starfield, Earth and Sun rendered in the background
- JavaScript
- Three.js
- Vite
- HTML
- CSS
The user can:
- drag to rotate the camera around the Moon;
- scroll to zoom in and out;
- press C to switch between the Navigator camera and the Spacecraft camera;
- click any feature label to view its name, description and real photos;
- read the live latitude/longitude and nearest-feature name from the HUD;
- control the spacecraft's robotic arms using Q/A, W/S, E/D, R/F and T/G;
- watch the spacecraft orbit the Moon with its solar panels tracking the sun.