[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. attribute, varying, uniform
    4. generate random
  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