Computer Graphics · WebGL2 + GLSL · FIB-UPC
Computer Graphics Shader Playground
Interactive WebGL2 shader playground porting the FIB-UPC Gràfics (Computer Graphics) course labs to the browser: vertex transforms (wave, twist, bounce), Phong/Blinn-Phong lighting with 4-light setups, procedural textures (marble, fire), fragment patterns (checkerboard, Senyera, CRT, Hinomaru), geometry shader emulation (explode, voxelize), and advanced effects (shadow mapping, reflections, bloom).
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