Fase 02 · sistemas · Semana 14
GLSL Shaders básicos
28 jul – 10 ago 2025
Semanas 14–15 · GLSL Shaders básicos
Período: 28 jul – 10 ago 2025
Fase: 02 · Sistemas & Profundidad técnica
Tag: shaders
Concepto de la semana
GLSL (OpenGL Shading Language) es código que corre directamente en la GPU, pixel por pixel, en paralelo masivo. En TD, el GLSL TOP te permite escribir shaders de fragmento que calculan el color de cada pixel de forma programática. Es el nivel más bajo y más poderoso del pipeline visual.
Conceptos clave de GLSL:
vec2 uv— coordenadas UV: cada pixel tiene una posición (0,0) a (1,1)vec4— color RGBA, valores de 0.0 a 1.0fragCoord— posición del pixel en píxeles (no normalizada)iResolution— resolución de la imagen- Funciones built-in:
sin(),cos(),fract(),smoothstep(),mix(),length()
Recursos indispensables: Shadertoy (shadertoy.com), The Book of Shaders (thebookofshaders.com), tutoriales de Simon Alexander-Adams (@polyhop).
Qué aprendí
Qué rompí
Preguntas que tengo
Mini-check
- [ ] Modifiqué un GLSL shader existente (aunque sea cambiar un color o un valor)
- [ ] Entiendo qué son las coordenadas UV y cómo se usan en un shader
Recurso de la semana: Simon Alexander-Adams (@polyhop) tutoriales GLSL en TD · The Book of Shaders — thebookofshaders.com · Shadertoy — shadertoy.com
Prompt creativo
Prompt creativo · Semanas 14–15
Período: 28 jul – 10 ago 2025
El prompt
Entra a Shadertoy y encuentra un shader que te fascine. Rómpelo. Entiende por qué se ve como se ve modificando una línea a la vez. Luego lleva una parte de él a TD.
El shader elegido
¿Cuál fue? ¿Qué te atrajo de él?
Mi interpretación
¿Qué línea cambié primero? ¿Qué pasó?
El resultado
Descripción de lo que llevé a TD. Qué modifiqué, qué es tuyo.
Lo que me sorprendió
Una cosa que no esperaba al entender el shader.
Desvío
Conecta una entrada de audio (CHOP) como uniform al shader. ¿Qué parte del visual responde?
¿Qué uniform pasé? ¿Cómo cambió el shader con datos de audio?