← TouchDesigner Journey

Fase 01 · fundamentos · Semana 2

TOPs: imágenes en tiempo real

5 – 11 may 2025

100%
mini-check1/1 · 100%

Semana 02 · TOPs: imágenes en tiempo real

Período: 5 – 11 may 2025
Fase: 01 · Fundamentos & Flujo de datos
Tag: visual


Concepto de la semana

Los TOPs (Texture Operators) procesan imágenes pixel por pixel en la GPU en tiempo real. La cadena básica: una fuente (Noise, Movie, Camera) → transformaciones (Level, Transform, Blur) → síntesis (Composite, Lookup). El Lookup TOP es especialmente poderoso: usa una textura 1D como tabla de colores para remapear completamente otra imagen.

Operadores clave:

  • Noise TOP — genera ruido procedural (Perlin, Worley, etc.)
  • Level TOP — controla brillo, contraste, gamma
  • Lookup TOP — remapea colores usando una textura de gradiente
  • Composite TOP — combina dos imágenes con blend modes

Qué aprendí

  • Uuuuu muchas cosas, ya puedo empezar a improvisar dentro de touchdesigner, me se mover en la plataforma, intuitivamente puedo llegar a algunas cosas. Entiendo el flujo de izquierda a derecha

Qué rompí

  • No entiendo muy bien el lookup top en muchos casos, ahi vamos

Preguntas que tengo

  • Como puedo ser mas optima con las matematicas?

Mini-check

  • Tengo una imagen generativa que no se ve igual a ningún tutorial

Recurso de la semana: Tutorial "Generative Art in TouchDesigner" — The Interactive & Immersive HQ (YouTube) · Leer: Form + Code cap. 1–2

Video: https://youtu.be/2VwHWFxWYd8

Prompt creativo

Prompt creativo · Semana 02

Período: 5 – 11 may 2025


El prompt

Crea una imagen que tenga exactamente dos zonas de temperatura visual: una fría y una cálida. El límite entre ellas debe moverse.


Mi interpretación

¿Qué decidí hacer con este prompt? ¿Cómo traduje "temperatura visual" en parámetros de TD? Pense en temperatura visual como como sensaciones visuales. Use ramp y noise para crear dos tipos diferentes de sensaciones. La posicion de las sensaciones se mueve con el mouse. No esta perfecto pero es una aproximacion de algo.


El resultado

Descripción del patch. Qué operadores usé, cómo los conecté.

CHOPs Mouse In -> Select -> Math -> Null x4

TOPs Rectangle -> Transform -> Null (Aunque no lo use)

Noise -> Transform -> null -> comp ramp -> transform -> null -> comp


Lo que me sorprendió

Una cosa que no esperaba que pasara.

Pensaba que era mas facil sacar los calculos de como se mueven las cosas por la pantalla, tiene muchos errores pero ahi vamos, aprendiendo.


Desvío

Reemplaza el noise del tutorial por otra fuente (cámara, video). ¿Qué cambia?

¿Qué fuente usé? ¿Qué cambió en el resultado?

Cambie por camara intuitivamente, sin tutorial sin saber donde buscar. Me impresiona que al conectarlo antes del ramp adquiero todas las propiedades de la izquierda Aun no se como funciona el lookup pero ahi vamos

Sideproject 7 - 9 Mayo

Proyecto decente usando TOPs (en su mayoria) ejercicio tranqui ![[Pasted image 20260511165610.png]]