This repository contains a 3D visualization of the solar system, built using React and Three.js. The project simulates the Sun, planets, and their orbits in an interactive and visually engaging manner.
- Planets and Sun: Includes the Sun and all planets in the solar system with accurate scaling and texture mapping.
- Rings for Saturn and Uranus: Detailed and textured rings to enhance realism.
- Orbit Controls: Rotate, zoom, and pan to explore the solar system from any perspective.
- Dynamic Camera: Camera adapts to screen resizing, ensuring an optimal view.
- Planetary rotation and orbital movements are animated to create a dynamic and lifelike experience.
- React: For building the user interface.
- Three.js: For 3D rendering and animations.
- CSS: For styling.
- Node.js and npm installed on your machine.
-
Clone the repository:
git clone https://github.com/hex01e/solarSystem
-
Navigate to the project directory:
cd solarSystem -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open
http://localhost:5173in your browser to view the project.
- Add moons for planets like Earth, Jupiter, and Saturn.
- Improve textures and lighting for higher realism.
- Add user interactivity, such as displaying planet information on click.
- Incorporate additional celestial objects like asteroids and comets.
- Three.js Documentation: For providing extensive resources on 3D rendering.
- NASA: For inspiration and planetary data.
Feel free to fork this project, explore it, and contribute your ideas to make it even better!