Built-in functions | Mix - Bilinear Interpolation

Mix - Bilinear Interpolation

To fill the screen using bilinear interpolation, follow these steps:

Assign the color blue to the left-top corner of the screen.
Assign the color red to the left-bottom corner of the screen.
Assign the color green to the right-top corner of the screen.
Assign the color black to the right-bottom corner of the screen.
Use bilinear interpolation to blend the colors in between the corners and fill the screen with a smooth gradient.

uniform vec2 iResolution;

void main() {

// Normalized pixel coordinates (from 0 to 1)

vec2 uv = gl_FragCoord.xy / iResolution.xy;

vec3 red = vec3(1.0, 0.0, 0.0);

vec3 black = vec3(0.0, 0.0, 0.0);

vec3 blue = vec3(0.0, 0.0, 1.0);

vec3 green = vec3(0.0, 1.0, 0.0);

gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);

}

Expected

Output