Skip to content

Akankshaj11/3D-Solar-System-ThreeJS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

6 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

#๐ŸŒ 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.

Releases

No releases published

Packages

No packages published