webGL法线贴图原理

法线贴图
1、一般的法线贴图颜色都为下面这种

2、对应的普通的贴图为

法线贴图使用使用颜色来记录当前点的法向量，法线贴图的默认坐标是平行于XY平面的，其对应的被贴图的平面也是平行于XY平面的，因此，在进行渲染时，如果该点的法向量是平行于Z轴，即法向量为（0，0，1），此时对应的颜色为蓝色
当然，若被贴图的物体不是平行于XY平面时，例如当向一个模型进行贴图时，模型有很多三角面，这个时候再直接使用法线贴图，就会出现问题，这时需要使用“切线空间”
这里有篇很好的文章：

https://learnopengl-cn.readthedocs.io/zh/latest/05%20Advanced%20Lighting/04%20Normal%20Mapping/