FragCoord

https://fragcoord.xyz/docs

Admin

FragCoord is a browser-based application for creating animated visuals with shader code, featuring...

Tokens:844

Snippets:6

Trust Score:5.8

Update:1 month ago

Show doc for...

Tokens:

Raw

### Basic FragCoord shader with animated color

Source: https://fragcoord.xyz/docs

A minimal shader example showing how to set the pixel color based on screen position and time. It uses gl_FragCoord, u_resolution, and u_time to create a blue pulse effect.

```glsl
void main()
{
    // Position on screen (0 to 1 across the canvas)
    vec2 uv = gl_FragCoord.xy / u_resolution.xy;

    // Color from position; blue pulses over time
    fragColor = vec4(uv, 0.5 + 0.5 * sin(u_time), 1.0);
}
```

Tokens:

Raw