3D Solar System Visualization

🚀 Try Now - DEMO

Screen.Recording.2023-10-18.at.22.39.04.mov

 .      .      .      .      .      .      .      .      .      .      .
.                               .       .       .       .       .       .
   .        .        .        .        .        .        .        .        .
     .         .         .        _......____._        .         .
   .          .          . ..--'"" .           """"""---...          .
                   _...--""        ................       `-.              .
                .-'        ...:'::::;:::%:.::::::_;;:...     `-.
             .-'       ..::::'''''   _...---'"""":::+;_::.      `.      .
  .        .' .    ..::::'      _.-""               :::)::.       `.
         .      ..;:::'     _.-'         .             f::'::    o  _
        /     .:::%'  .  .-"                        .-.  ::;;:.   /" "x
  .   .'  ""::.::'    .-"     _.--'"""-.           (   )  ::.::  |_.-' |
     .'    ::;:'    .'     .-" .d@@b.   \    .    . `-'   ::%::   \_ _/    .
    .'    :,::'    /   . _'    8@@@@8   j      .-'       :::::      " o
    | .  :.%:' .  j     (_)    `@@@P'  .'   .-"         ::.::    .  f
    |    ::::     (        -..____...-'  .-"          .::::'       /
.   |    `:`::    `.                ..--'        .  .::'::   .    /
    j     `:::::    `-._____...---""             .::%:::'       .'  .
     \      ::.:%..             .       .    ...:,::::'       .'
 .    \       `:::`:..                ....::::.::::'       .-'          .
       \    .   ``:::%::`::.......:::::%::.::::''       .-'
      . `.        . ``::::::%::::.::;;:::::'''      _.-'          .
  .       `-..     .    .   ````'''''         . _.-'     .          .
         .    ""--...____    .   ______......--' .         .         .
  .        .        .    """"""""     .        .        .        .        .
 .       .       .       .       .       .       .       .       .
     .      .      .      .      .      .      .      .      .      .      .

Visualize a 3D model of the sun, earth, and moon with interactive controls to manipulate their rotations. Experience an immersive space environment with a surrounding galaxy skybox.

Features

• Interactive 3D Model: View the sun, earth, and moon in a three-dimensional space.
• Orbiting Paths: See the paths Earth and Moon take in their respective orbits.
• Interactive GUI Controls: Manipulate the rotation of the celestial bodies and adjust the skybox textures.

Getting Started

Prerequisites

• Node.js & npm
• A modern web browser (e.g., Chrome, Firefox)

Installation

1. Clone the repository:

git clone https://github.com/aakashapoorv/3D-Solar-System-Visualization.git

2. Navigate to the project directory:

cd 3D-Solar-System-Visualization

3. Install required dependencies:

npm install

4. Start the local server:

npm run dev

5. Open a web browser and go to http://localhost:5173/ to view the visualization.

Usage

Controls:

• Orbit Controls: Click and drag to rotate the view. Scroll to zoom in/out.
• GUI Controls: Located on the top-right corner. Use it to toggle the rotation of the sun, earth, and moon.
• Click Interactivity: Click on any celestial body (sun, earth, or moon) to toggle its rotation.

License

This project is licensed under the MIT License. See the LICENSE.md file for details.