Known Space Explorer

A cinematic space exploration experience built with pure HTML, CSS, and JavaScript. Visualizes the Solar System and the Observable Universe directly in your browser. No installation or build step required.

Demo

Live Demo: https://kunaldasx.github.io/space-simulator/

Project Structure

• index.html contains the page structure and scene controls.
• styles.css contains all layout, visual, and animation styles.
• constants.js contains the astronomy data for planets and universe objects.
• app.js contains scene navigation, rendering, gestures, and interaction logic.

---

Journey Flow

1. Launch — Watch your shuttle lift off from Earth
2. Orbit — Float in space with Earth behind you
3. Solar System — All 8 planets orbiting the Sun; tap any planet for details
4. Observable Universe — Zoom out to the full 93-billion-light-year cosmos

Showcase Features

• Observatory-style HUD with scene status and a live discovery count.
• Search across planets, the Sun, galaxies, clusters, voids, and cosmic structures.
• Direct target focusing, random discovery, Earth shortcut, mouse/touch pan, and pinch or button zoom.
• Responsive detail views with keyboard-friendly controls and Escape-to-close behavior.

---

Run Locally

Simply open index.html in any modern browser. No dependencies, no setup.

git clone https://github.com/kunaldasx/space-simulator.git
cd space-simulator
open index.html

---

Tech Stack

• HTML5
• CSS3 animations
• Vanilla JavaScript

---

License

© 2026 Kunal Das.

---

About the Author

🔗 LinkedIn ·