A 3D interactive solar system built using HTML, CSS, JavaScript, and Three.js. This project visually simulates the solar system with rotating planets, orbit paths, and a dynamic camera for an immersive experience.
- 🪐 Realistic 3D Planets with textures
- ☀️ Glowing Sun at the center
- 🌍 Planetary Orbits & Rotation
- 🎥 Interactive Camera Controls (zoom, pan, and rotate)
- 🌟 Stars background for deep-space effect
- ⚡ Optimized with Three.js for smooth rendering
- 🎛️ Control panel for controlling speed, bloom, etc.
- HTML5 – Structure
- CSS3 – Styling
- JavaScript (ES6) – Logic and animations
- Three.js – 3D rendering and effects
3D-Solar-System/
│
├── index.html # Main HTML file
├── style.css # Styling for the project
├── script.js # JavaScript logic and animations
├── img/ # Planet and space images
└── README.md # Project documentation
- Drag Mouse – Rotate view
- Scroll – Zoom in/out
- Right-Click + Drag – Pan
- Add planetary moons (e.g., Earth's Moon, Jupiter’s Galilean moons)
- Add an information panel showing details about each planet
- Implement real-time speed adjustment for orbits
- Add spacecrafts or asteroid belts for realism