這種生成法線貼圖的效果并不是很好,最新的思路是使用基于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);
}
原圖如下:
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLiAzNfRHLGZkRGZkRfJ3bs92YsYTMfVmepNHL6VleOdXU610MNpHW4Z0MMBjVtJWd0ckW65UbM5WOHJWa5kHT20ESjBjUIF2X0hXZ0xCMx81dvRWYoNHLrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdssmch1mclRXY39CXldWYtlWPzNXZj9mcw1ycz9WL49zZuBnLzczM1QDMwEjM5EzMwAjMwIzLc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
效果圖如下: