/solar-system

Solar system model in Three.js

Primary LanguageTypeScript

Solar System Model

3D model of the solar system allowing traversal of all the planets. Provides labels showcasing points of interest on certain planets such as Olympus Mons on Mars. This model was created using Three.js and is currently serving as a tool to enhance my learning whilst progressing through Three.js journey.

Current features

  • Orbits
  • Textures
  • Loading screen
  • Environment
  • Lighting and Shadows
  • Moons
  • POI labels
  • Custom controls
  • Orbit paths
  • Sun bloom effect

Planned changes

  • Earth night time texture
  • Planet information panel
  • Accuracy of distances
  • Improve shadow quality

Setup

Download Node.js. Run the following commands:

# Install dependencies
npm install

# Run the local server
npm run dev

# Build for production in the dist/ directory
npm run build

Screenshots

Sun Earth Moon Mars Neptune

Resources