Skip to content

ImaginationGod/3D-Solar-System

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌌 3D Solar System

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.


🚀 Features

  • 🪐 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.

🛠️ Tech Stack

  • HTML5 – Structure
  • CSS3 – Styling
  • JavaScript (ES6) – Logic and animations
  • Three.js – 3D rendering and effects

📂 Project Structure

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

🎮 Controls

  • Drag Mouse – Rotate view
  • Scroll – Zoom in/out
  • Right-Click + Drag – Pan

🔮 Future Improvements

  • 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

📸 Preview

Screenshot 2025-07-20 180150 Screenshot 2025-07-20 180200

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors