Built-in functions | Mix - Shader Learning

Mix

Using the mix function create a linear gradient that transitions from a given color1 to color2. Use the x normalized coordinate of the pixel as the interpolation factor. Apply the step function so that color transition starts from position 0.25 and ends at 1.0.

Previous Next

fragment.glsl

uniform vec2 iResolution;

void main() {

// Normalized pixel coordinates (from 0 to 1)

vec2 uv = gl_FragCoord.xy / iResolution.xy;

vec3 color2 = vec3(0.38, 0.12, 0.93);

vec3 color1 = vec3(1.00, 0.30, 0.30);

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

}

Expected

Output