這種生成法線貼圖的效果並不是很好,最新的思路是使用基於cGANs的方法來生成法線貼圖。
glsl比較簡單的算法,思想有點類似於人工智能中的梯度下降,步驟爲:
- 將像素看作向量,計算出模長,代表爲像素的高度
- 獲取梯度,是一個vec2
- 加上一個向量z,將方向朝上
#iChannel0"file://./car.png"
// 計算高度
float getVal(vec2 uv)
{
return length(texture(iChannel0,uv).xyz);
}
// 計算梯度
vec2 getGrad(vec2 uv,float delta)
{
// 下降幅度和方向
vec2 d=vec2(delta,0);
return vec2(
getVal(uv+d.xy)-getVal(uv-d.xy),
getVal(uv+d.yx)-getVal(uv-d.yx)
)/delta;
}
void mainImage( out vec4 fragColor, in vec2 fragCoord)
{
vec2 uv = fragCoord.xy / iResolution.xy;
vec3 n = vec3(getGrad(uv, 1.0/iResolution.y), 150.0);
// 歸一化
n=normalize(n);
fragColor=vec4(n,1);
}
原圖如下:
效果圖如下: