Skip links

  • Skip to primary navigation
  • Skip to content
  • Skip to footer
Home
  • Archive
  • Tag
  • Log
    Sangil Lee

    Sangil Lee

    Staff Engineer in S. LSI, Samsung

    • Seoul, South Korea
    • Curriculum Vitae
    • Research
      • Publication (10)
      • Patent (1)
    • Programming
      • Three.js (13)
      • WebGL (8)
      • Electron (2)
      • Python (1)
      • ETC (4)
    • Knowledge
      • Vision (2)
      • Mathematics (2)

    How to Create the Solar System

    February 16, 2024

    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 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
    1. https://portfolio.sangillee.com/apps/solar ↩

    Tags: glsl, javascript, shader, solar system, three.js

    Categories: ThreeJS

    Updated: February 16, 2024

    Share on

    Twitter Facebook LinkedIn
    Previous Next
    • Follow:
    • Email
    • GitHub
    • Google Scholar
    • Youtube
    • LinkedIn
    • Portfolio
    © 2025 Sangil Lee. Powered by Jekyll & Minimal Mistakes.