#๐ 3D Solar System Simulation with Three.js ๐
This project is an interactive 3D Solar System simulation built using Three.js, allowing users to explore planets, adjust revolution speeds, toggle dark/light mode, and pause the simulation with realistic controls.
#๐ง Features โ High-resolution 3D models of planets โ Realistic orbit rings for each planet โ Saturn and Jupiter's 3D rings โ Adjustable revolution speed sliders โ Hover tooltips showing planet names โ Dark/Light mode with skybox integration โ Pause/Resume simulation โ Starfield background for depth โ Smooth camera controls using OrbitControls
#1๏ธโฃ Prerequisites Modern browser (Chrome, Edge, Firefox recommended)
No server setup required (runs in the browser)
Ensure all image files are present in the correct directories
3๏ธโฃ Running the Simulation Option 1: Directly Open in Browser
Open index.html in your preferred browser
Allow loading of local files if prompted (some browsers restrict file:// URLs for textures)
Option 2: Recommended - Run with Local Server
Browsers often block texture loading via file:// for security. Use a simple local server:
โ Using VSCode with Live Server:
Install the Live Server Extension
Right-click index.html โ Open with Live Server
OR
โ Using Python (if installed):
bash Copy Edit cd YourProjectFolder python -m http.server 5500 Then open http://localhost:5500 in your browser.
#๐ฎ Controls & Interactions Action Description Mouse Drag Rotate the view (OrbitControls) Mouse Scroll Zoom in/out Hover Planet Show tooltip with planet name Sliders (Top-Left) Adjust each planet's revolution speed Pause Button Pause/Resume planetary motion Toggle Dark/Light Switch background and skybox visibility
#๐ฆ Dependencies Three.js via Skypack CDN
High-res textures (local /img/ folder)
#๐ก Future Improvements Add moons orbiting planets
Click planets to show detailed info
Sound effects for interactions
Mobile responsiveness
#๐ Credits Planet textures from public sources/NASA
Skybox images from free space image resources
Built using Three.js
๐จโ๐ป Author Interactive Solar System developed using pure JavaScript & Three.js
๐ License For educational/demo use only. Ensure proper attribution if textures are redistributed.