Gradient shader

A step-by-step walkthrough of building an animated gradient shader using WebGL2 and GLSL. Starting from a flat green surface, the guide progresses through using smoothstep() and mix() for linear gradients, rendering a sine wave, combining multiple sine waves for organic movement, applying cosine easing to eliminate color banding, and finally adding time-based animation to the wave phase values.