天天看點

webGL法線貼圖原理

法線貼圖

1、一般的法線貼圖顔色都為下面這種

webGL法線貼圖原理

2、對應的普通的貼圖為

webGL法線貼圖原理

法線貼圖使用使用顔色來記錄目前點的法向量,法線貼圖的預設坐标是平行于XY平面的,其對應的被貼圖的平面也是平行于XY平面的,是以,在進行渲染時,如果該點的法向量是平行于Z軸,即法向量為(0,0,1),此時對應的顔色為藍色

當然,若被貼圖的物體不是平行于XY平面時,例如當向一個模型進行貼圖時,模型有很多三角面,這個時候再直接使用法線貼圖,就會出現問題,這時需要使用“切線空間”

這裡有篇很好的文章:

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

繼續閱讀