Dot Matrix

Inputs

Outputs

The code it becomes

What Studio writes for the graph below: a few lines of the material's shader, worked out for every pixel.

void mainImage(out vec4 fragColor, in vec2 fragCoord){    vec2 n1_uv = (vec2(fragCoord.x / iResolution.x, 1.0 - fragCoord.y / iResolution.y) * vec2(1.0, 1.0));    vec2 n1_centred = (vec2(fragCoord.x - 0.5 * iResolution.x, 0.5 * iResolution.y - fragCoord.y) / iResolution.y);    vec2 n1_square = (vec2(fragCoord.x, iResolution.y - fragCoord.y) / iResolution.y);    vec3 n2_out = (lib_layer(vec2((((floor(n1_uv * iResolution.xy / max(8.0, 2.0)) + 0.5) * max(8.0, 2.0) / iResolution.xy)).x, 1.0 - (((floor(n1_uv * iResolution.xy / max(8.0, 2.0)) + 0.5) * max(8.0, 2.0) / iResolution.xy)).y)).rgb * (1.0 - smoothstep(0.3, 0.5, length(fract(n1_uv * iResolution.xy / max(8.0, 2.0)) - 0.5))));    fragColor = vec4(n2_out, 1.0);}

In a graph

Texture coordinates into the node, and the node into the material, as Studio draws them.

Related