← TouchDesigner Journey

Fase 02 · sistemas · Semana 12

GLSL I — primer fragment shader

10–16 ago 2026

0%
mini-check0/2 · 0%

Semana 12 · GLSL I — primer fragment shader

Período: 10–16 ago 2026 Fase: 02 · Sistemas & Profundidad técnica Tag: shaders


Concepto de la semana

GLSL (OpenGL Shading Language) permite escribir programas que corren directamente en la GPU, pixel por pixel. En TD el GLSL TOP acepta un fragment shader: código que calcula el color de cada pixel en función de sus coordenadas UV y variables externas (uniforms). Es el nivel más bajo y más poderoso de control visual.

Operadores clave:

  • GLSL TOP — ejecuta el fragment shader
  • vUV — coordenadas UV del pixel actual (0.0 a 1.0)
  • gl_FragColor — el color de salida del pixel
  • Tipos básicos: float, vec2, vec3, vec4

Qué aprendí


Qué rompí


Preguntas que tengo


Mini-check

  • Escribí un fragment shader que produce un gradiente procedural
  • Entendí la diferencia entre CPU (Python) y GPU (GLSL) en TD

Recurso de la semana: The Book of Shaders capítulos 1-5 (thebookofshaders.com) · Inigo Quilez

Prompt creativo

Prompt creativo · Semana 12

Período: 10–16 ago 2026


El prompt

Un color que depende de dónde está en la pantalla. Solo eso. ¿Qué forma emerge?


Mi interpretación

¿Qué elegí hacer? ¿Por qué ese camino y no otro?


El resultado

Descripción del patch. Qué operadores usé, qué comportamiento tiene.


Lo que me sorprendió

Una cosa que no esperaba que pasara.


Desvío

Añade el tiempo como variable. Un gradiente que cambia solo — sin tocar nada.

¿Qué pasó al intentarlo?