WebGL學習筆記（十）：霧化

霧化是指距離咱們較遠的物體看不清晰的狀況，好比模擬大霧環境，或者模擬水下環境時會用到。

實現霧化的方式有不少種，咱們這裏使用的是線性霧化的方式；

線性霧化

線性霧化比較簡單，咱們算出每一個像素點到攝像機的距離以後，就能夠肯定當前像素的霧化因子，用霧化因子就能夠算出新的顏色值；

示例點擊這裏：https://hammerc.github.io/dou3d-ts/examples/learningNotes/lesson_11/Fog.html

w 份量優化

直接在頂點着色器中使用 gl_Position.w 份量做爲每一個像素點到攝像機的距離，能夠減小一步優化；

示例：https://hammerc.github.io/dou3d-ts/examples/learningNotes/lesson_11/Fog_w.html