// fragmentShader
vec2 uv = fragCoord.xy / u_resolution.xy;
uv.x *= u_resolution.x / u_resolution.y;- 正常情况:
vec2 r = uv*1.;
gl_FragColor = vec4(r.x, r.x, r.x, 1.);
- 当把uv放大5倍后:
vec2 r = uv*5.;
gl_FragColor = vec4(r.x, r.x, r.x, 1.);
那么表现为提取5倍结束。
- 利用mod使其具有周期性:
vec2 r = mod(uv*5., 1.0);
gl_FragColor = vec4(r.x, r.x, r.x, 1.);
取模, 取余数。
mod(x,y) {return x - y*floor(x/y)}x 的 y次方
pow(x,y)向量x与向量y之间的点积, a*b = x1 * x2 + y1 * y2
dot(x, y)