https://github.com/jawed86/solar-system
🌌 A 3D interactive Solar System simulation built using Three.js and Vite.
https://github.com/jawed86/solar-system
3d javascript solar-system three-js vite
Last synced: 11 months ago
JSON representation
🌌 A 3D interactive Solar System simulation built using Three.js and Vite.
- Host: GitHub
- URL: https://github.com/jawed86/solar-system
- Owner: jawed86
- Created: 2025-07-11T15:38:00.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-07-11T16:31:47.000Z (11 months ago)
- Last Synced: 2025-07-11T18:35:18.929Z (11 months ago)
- Topics: 3d, javascript, solar-system, three-js, vite
- Language: JavaScript
- Homepage: https://solar-system-two-umber.vercel.app/
- Size: 5.17 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌌 3D Solar System Simulation – By Md Jawed Salim
This project is a 3D interactive simulation of the Solar System built using **Three.js**. It includes realistic planetary orbits, self-rotation, lighting, background stars, and real-time speed control using sliders.
---
## 🚀 Features
- ✅ All 8 planets orbiting the Sun
- ✅ Real-time revolution and self-rotation of each planet
- ✅ Planet-wise speed control sliders
- ✅ Realistic sizes and distances (scaled)
- ✅ Glow effect around the Sun
- ✅ Starfield background
- ✅ Orbit paths for each planet
- ✅ Mouse controls to pan, zoom, and rotate the scene
---
## 🎮 Controls
- **OrbitControls (Mouse):**
- Drag to rotate the view
- Scroll to zoom in/out
- Right-click to pan
- **Sliders:**
- Adjust the orbital speed of each planet live
---
## 🖥️ Live Demo
🚀 **Live Project Link**: [https://task-management-system-seven-gamma.vercel.app/](https://solar-system-two-umber.vercel.app/)
---
## 📁 Folder Structure
```bash
solar-system/
├── node_modules/
├── public/
| ├── texture/
│ │ ├── earth.jpg
│ │ ├── glow.png
│ │ ├── jupiter.jpg
│ │ ├── mars.jpg
│ │ ├── mercury.jpg
│ │ ├── neptune.jpg
│ │ ├── saturn.jpg
│ │ ├── star.jpg
│ │ ├── sun.jpg
│ │ ├── uranus.jpg
│ │ └── venus.jpg
├── src/
│ ├── main.js
│ └── style.css
├── index.html
├── package.json
├── package-lock.json
├── .gitignore
└── README.md