WebGL - How to make fog

In this episode, I discuss how to draw fog in WebGL.
Concepts: Fog factor = (end point - distance from eye point) / (end point - starting point)
Where starting point less than distance from eye point less than end point if fog factor == 1, then object is completely shown; if fog factor == 0, object completely hidden
fragment color = surface color fog factor + fog color (1-fog factor)
Resources:
  • https://github.com/davidwparker/programmingtil-webgl/tree/master/0080-fog-part-1
© programmingtil.com