[Three.js] How to Create the Solar System

The above image is the snapshot of a solar system simulator.1 The posts will be serialized in the order of contents below.

  1. Three.js basics
    1. Installation
    2. Create scene
    3. Coordinates
    4. PBR (Physical-based rendering) material
    5. Shader material
  2. GLSL basics
    1. Shader program
    2. Vertex and fragment
    3. Shader patterns
  3. Create realistic Earth
  4. Create realistic Sun
  5. Create a planet with rings
  6. Create a moon with irregular shape
  7. Eclipse (planet-to-moon, planet-to-rings)
  8. Shining (post-processing)
  9. Compute the orbit