╔══════════════════════════════════════════════════════════════════╗
║ "The cosmos is within us. We are made of star-stuff." ║
║ — Carl Sagan 🌌 ║
╚══════════════════════════════════════════════════════════════════╝
A high-fidelity, interactive 3D simulation of our solar system built using Three.js. Featuring realistic planet textures, accurate orbital paths, moons, and celestial mechanics — all running live in the browser.
🎯 Explore the entire solar system — from Mercury to Neptune — right in your browser.
| 🌟 Feature | 📖 Description |
|---|---|
| 🎨 Realistic Textures | Custom textures for the Sun, all 8 planets, and major moons |
| 🖱️ Interactive Controls | Orbit around planets, zoom through space freely |
| ☀️ Dynamic Lighting | Central point-light source simulating real Sun illumination |
| 🌍 Inner Planets | Mercury, Venus, Earth (Luna), Mars (Phobos & Deimos) |
| 🪐 Gas Giants | Jupiter (Galilean moons) and Saturn (Titan, Enceladus + rings) |
| 🌀 Ice Giants | Uranus and Neptune with accurate tilt and color |
| 🛸 Orbital Paths | Visible elliptical orbit rings for all planets |
| ☀️ Body | 🌙 Moons | 📝 Notes |
|---|---|---|
| ☀️ Sun | — | Central light source with glow effect |
| 🪨 Mercury | — | Closest to Sun, fast orbit |
| 🌫️ Venus | — | Thick atmosphere, retrograde rotation |
| 🌍 Earth | Luna | Blue marble with cloud layer |
| 🔴 Mars | Phobos, Deimos | Red planet with 2 moons |
| 🟠 Jupiter | Galilean moons | Largest planet + 4 major moons |
| 💫 Saturn | Titan, Enceladus | Iconic ring system |
| 🔵 Uranus | — | Ice giant with axial tilt |
| 🌊 Neptune | — | Farthest planet, deep blue |
| Technology | Purpose |
|---|---|
| Three.js | 3D rendering engine — planets, lighting, camera |
| JavaScript | Core logic, animations, orbital mechanics |
| HTML5 / CSS3 | Layout, UI, canvas container |
# 1. Clone the repository
git clone https://github.com/Tcode-Motion/solar-system.git
# 2. Navigate into the project
cd solar-system
# 3. Open index.html in your browser
open index.html# If you have VS Code, install Live Server extension
# Right-click index.html → Open with Live Server🔗 https://tcode-motion.github.io/solar-system//
solar-system/
├── v1/ # Version 1 of the simulation
├── v2/ # Version 2 — improved & updated
├── index.html # Main entry point
├── sw.js # Service worker
└── README.md
| 🖱️ Action | ⚙️ Result |
|---|---|
| Left Click + Drag | Orbit / rotate around the solar system |
| Scroll Wheel | Zoom in and out |
| Right Click + Drag | Pan the camera |
Contributions, issues, and feature requests are welcome!
- ⭐ Star the repo if you like it
- 🐛 Open an issue for any bugs
- 🔧 Submit a pull request for improvements
Tanmoy — Tcode-Motion
"Predict the future by coding it." ⚡
This project is licensed under the MIT License.