Skip to content
Computer Graphics · WebGL2 + GLSL · FIB-UPC

Computer Graphics Shader Playground

Edit WebGL2 shaders live — vertex transforms, Phong lighting, procedural textures, fragment patterns, geometry effects, and more. Ports the FIB-UPC Gràfics course labs to the browser.

Vertex Wave

Sinusoidal rotation-matrix deformation driven by time

Phong Lighting

Ambient + diffuse + specular per-fragment shading

Checkerboard

Procedural pattern via UV modular arithmetic

Explode

Triangle displacement along face normals