Write your first GLSL shader in TouchDesigner
A TouchDesigner project with a working pixel shader animated by a custom uniform.
First win
A moving generative pattern fills the GLSL TOP viewer.
Best for
Shader-curious users
Needs
Mac or PC, TouchDesigner
Example outcome
A first GLSL TOP renders a moving procedural pattern.
This preview shows the network: a GLSL TOP runs a fragment shader, a custom uTime uniform drives motion, and the viewer fills with animated color noise.
TouchDesigner network
Live viewer
60fps
A small node network drives a visible Render TOP that updates in real time.
Wires
Source
Audio, time uniform, camera, or live feed lights up the chain.
Output
The viewer visibly reacts to the source, with one focused refinement in place.