/

/

loading...
Enter Fullscreen Leave Fullscreen


The above is an interactive solar system simulator. I will introduce the knowledge required to create the simulator. 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 with glow
  5. Create realistic Saturn with rings
  6. Create realistic Phobos with irregular shape
  7. Make the Sun shine
  8. Create Milky Way skybox
  9. Compute the elliptical orbit