Skip to content

basak-anushka13/SolarSystem

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

2 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

3D Interactive Solar System 🌞πŸͺ

This is a 3D animated solar system simulation created using HTML, JavaScript, and Three.js.

πŸ”­ Features

  • Animated Sun and orbiting planets with realistic sizes
  • Hover tooltips showing planet names
  • Speed control sliders for all 8 planets
  • Pause and Resume animation button
  • Light/Dark theme toggle
  • Smooth zoom-in on planet click
  • Reset camera view button
  • Stars and orbit rings for visual effect

πŸ› οΈ Technologies Used

  • HTML5
  • JavaScript (ES6)
  • Three.js
  • GSAP for smooth camera movement

πŸš€ How to Run

  1. Open index.html in any web browser (Chrome recommended)
  2. Use the control panel on the left to interact:
    • Hover over planets to see tooltips
    • Use sliders to change orbit speed
    • Click planets to zoom in
    • Use buttons to pause, reset, or toggle light/dark themes

πŸŽ₯ Demo Video

A video demo of the project (demo-video.mp4) is included in this folder.

πŸ‘©β€πŸ’» Author

Anushka
Frontend Assignment – June 2025

About

This is a 3D animated solar system simulation created using HTML, JavaScript, and Three.js.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors