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

Playground de Shaders de Gráficos

Edita shaders WebGL2 en vivo — transformaciones de vértices, iluminación Phong, texturas procedurales, patrones de fragmento, efectos de geometry shader y más. Porta las prácticas de Gràfics de FIB-UPC al navegador.

Ver código en GitHub

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
Anterior Visualizador de Algoritmos Trabajos de Algoritmos y Estructuras de Datos reunidos en un solo visor, con 18 algoritmos clásicos de grafos, ordenación, búsqueda y problemas combinatorios.
  • Qwik
  • Canvas
  • Algoritmos
  • Grafos
  • Ordenación

Más Proyectos

Panel de Robótica
  • Ember.js
  • Babylon.js
  • Robótica
  • Canvas
  • EKF
Detección de Matrículas
  • Computer Vision
  • TypeScript
Visor de Juego de Programación
  • C++
  • Canvas
  • AI
  • FastAPI
Intérprete de JSBach
  • ANTLR4
  • Web Audio
  • Language