🌌 3D Solar System Simulator

A mobile-responsive interactive 3D simulation of the solar system built using Three.js and Vite.

This project demonstrates 3D graphics, animations, and user interaction without CSS animations — everything is rendered and animated via JavaScript and WebGL.

---

🚀 Features

• ☀️ Sun at the center of the solar system
• 🩠 8 orbiting planets with realistic distances and sizes
• 🎛️ Speed control sliders for each planet (0.1× to 3×)
• ✋ Pause/Resume animation
• 🧱 Zoom-in on planet click
• 🌠 Background stars and orbit rings
• 👟 Tooltips on hover with planet names
• ↺ Reset all speeds button
• 📱 Fully responsive canvas view

---

🧰 Tech Stack

• Three.js – for rendering 3D objects and animation
• Vite – for local development and bundling
• Vanilla JavaScript + HTML

---

📆 Folder Structure

your-project/
├── index.html
├── main.js
├── package.json
├── node_modules/
└── README.md

---

💻 How to Run the Project

1. Clone the project or download ZIP

Or create a new folder and add the provided files.

2. Install dependencies

Make sure you have Node.js installed, then run:

npm install

3. Start the development server

npm run dev

Vite will start a local server. Open the URL shown in the terminal, typically:

http://localhost:5173/

---

📌 Notes

• All animations are done using THREE.Clock and requestAnimationFrame
• No CSS animations are used
• Optimized for modern browsers and mobile-responsiveness
• Works standalone with just Node.js and Vite

---

🙌 Credits

• Powered by Three.js
• Developed by Prathmesh Pimpalshende