https://github.com/hex01e/solarsystem
This project is an interactive 3D solar system visualization built using Three.js. It displays a dynamic and visually stunning representation of the solar system, complete with the Sun and planets arranged in their orbits.
https://github.com/hex01e/solarsystem
3d js solar-system threejs ts
Last synced: about 2 months ago
JSON representation
This project is an interactive 3D solar system visualization built using Three.js. It displays a dynamic and visually stunning representation of the solar system, complete with the Sun and planets arranged in their orbits.
- Host: GitHub
- URL: https://github.com/hex01e/solarsystem
- Owner: hex01e
- Created: 2025-01-17T00:38:05.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-12T09:29:20.000Z (over 1 year ago)
- Last Synced: 2025-03-09T22:46:01.301Z (over 1 year ago)
- Topics: 3d, js, solar-system, threejs, ts
- Language: TypeScript
- Homepage:
- Size: 7.3 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Solar System Visualization with Three.js 🌍✨
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.
---
## Features ✨
### 🌞 Realistic Solar System
- **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.
### 🎥 Interactive Exploration
- **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.
### 🚀 Smooth Animations
- Planetary rotation and orbital movements are animated to create a dynamic and lifelike experience.
---
## Technology Stack 🛠️
- **React**: For building the user interface.
- **Three.js**: For 3D rendering and animations.
- **CSS**: For styling.
---
## Installation and Setup ⚙️
### Prerequisites
- Node.js and npm installed on your machine.
### Steps
1. Clone the repository:
```bash
git clone https://github.com/hex01e/solarSystem
```
2. Navigate to the project directory:
```bash
cd solarSystem
```
3. Install dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm run dev
```
5. Open `http://localhost:5173` in your browser to view the project.
---
## Screenshots 📸
---
## Future Enhancements 🚀
- 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.
---
## Acknowledgments 🙌
- **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!