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