Saltar al contenido
Gráficos por Computador · WebGL2 + GLSL · FIB-UPC

Playground de Shaders de Gráficos

Playground interactivo de shaders WebGL2 que porta las prácticas de Gràfics (Gráficos por Computador) de FIB-UPC al navegador: transformaciones de vértices (onda, torsión, rebote), iluminación Phong/Blinn-Phong con 4 luces, texturas procedurales (mármol, fuego), patrones de fragmento (tablero, Senyera, CRT, Hinomaru), emulación de geometry shaders (explosión, voxelización), y efectos avanzados (shadow mapping, reflejos, bloom).

Onda de Vértices

Deformación sinusoidal con matriz de rotación

Iluminación Phong

Sombreado ambiental + difuso + especular por fragmento

Tablero de Ajedrez

Patrón procedural mediante aritmética modular UV

Explosión

Desplazamiento de triángulos a lo largo de normales