Skip to content
🚀 Exploration the solar system created by Three.js
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets
css
data
font
images
js
music
.gitignore
LICENSE
README.md
index.html

README.md

Three.js Solar Exploration

Three.js Solar Exploration

license badge dependencies badge

Content

Introduction

  • This is a web 3D Solar System, you can explore the solar system and click the planets to see some resource data of them.
  • The project is mainly built on Three.js, while the animation is built on Tween.js, and the backend uses Spring Boot.
  • The project can been seen from the link below Click Me
  • The project has best experience in Chrome.

Feature Review

Home page is the solar system, every planet in it can be clicked to see the detailed data. picture

There is a transition page between solar system and the "scene" for a specific planet, it will briefly introduce the planet picture

In planet scene, you can rotate the planet, double click the planet to see resource data, and other interesting features picture

The earth scene is special, you can click the timeline and the "cone" to see resource data each year picture

And you can click the "All" button to see all the data in the earth, this earth is built on webgl-globe picture

Setup

  1. Clone the repository
git clone https://github.com/syt123450/Three.js-Solar-Exploration
  1. Put the base folder in a web environment, for example apache, and then open the index.html.

  2. We recommend to see this project in Chrome.

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.