Skip to content

Navigation Menu

Sign in
Sign up

Latest commit

History

15 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

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
  1. Navigate to the project directory:
cd 3D-Solar-System-Visualization
  1. Install required dependencies:
npm install
  1. Start the local server:
npm run dev
  1. 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.

About

3D Solar System Visualization

Resources

Stars

1 star

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /