A-00Series A
The First Pixel & GPU Pipeline
Understanding normalized UV coordinates and gl_FragColor.
Interactive Live Editoru_time • u_resolution • u_mouse
Speed:
GLSL OK
u_resolution | u_time | u_mouse
Chapter Concepts & Exercises
Fragment shaders execute massively parallel on every single pixel of the screen.
In WebGL, `gl_FragCoord` gives the current pixel position in screen space, which we normalize by dividing by `u_resolution.xy` into the range `[0.0, 1.0]`.
Try modifying the color components below to create your own color blend.