Visual programming
visual programming
Real-time
Reactions.
Infinite possibilities.
Real-Time Reactions.
Infinite possibilities.
Overview & brief:
A two-part interactive series built in TouchDesigner. One, an audio-reactive tornado inspired by the Twisters remake; raw, swirling, cinematic. The other, a burst of particles dancing to Moana’s soundtrack. Both fuse
real-time input, motion, and sound into bold, generative experiences.
services
CREATIVE COMPUTING audio-reactive
interactive design
visual scripting
motion design
Research
prototyping
timelinE
march '25 (2 weeks)
Introduction to Touchdesigner:
Forming the
Introduction to touchdesigner:
Forming the
concept.
concept.
This project explores the expressive potential of TouchDesigner to create immersive, audio-reactive visuals. Inspired by the platform’s cinematic flexibility, I focused on flowing particles that respond to both sound and mouse movement, merging digital interactivity with artistic expression.
Early sketches, style references, and mood boards shaped my direction, while hands-on workshops deepened my exploration of interactive inputs and noise nodes. These elements became central to my system's dynamic and atmospheric quality.
Read more on this by downloading a pdf of my work documentation below.
This project explores the expressive potential of TouchDesigner to create immersive, audio-reactive visuals. Inspired by the platform’s cinematic flexibility, I focused on flowing particles that respond to both sound and mouse movement, merging digital interactivity with artistic expression.
Early sketches, style references, and mood boards shaped my direction, while hands-on workshops deepened my exploration of interactive inputs and noise nodes. These elements became central to my system's dynamic and atmospheric quality.
Read more on this by downloading a pdf of my work documentation below.
This project explores the expressive potential of TouchDesigner to create immersive, audio-reactive visuals. Inspired by the platform’s cinematic flexibility, I focused on flowing particles that respond to both sound and mouse movement, merging digital interactivity with artistic expression.
Early sketches, style references, and mood boards shaped my direction, while hands-on workshops deepened my exploration of interactive inputs and noise nodes. These elements became central to my system's dynamic and atmospheric quality.
Read more on this by downloading a pdf of my work documentation below.
This project explores the expressive potential of TouchDesigner to create immersive, audio-reactive visuals. Inspired by the platform’s cinematic flexibility, I focused on flowing particles that respond to both sound and mouse movement, merging digital interactivity with artistic expression.
Early sketches, style references, and mood boards shaped my direction, while hands-on workshops deepened my exploration of interactive inputs and noise nodes. These elements became central to my system's dynamic and atmospheric quality.
Read more on this by downloading a pdf of my work documentation below.
Controlling particles with constants:
Math meets
controlling particles with constants:
Math meets
motion
motion.
A parameter-driven particle system built in TouchDesigner. Using constant values for emission rate and lifespan, this setup feeds into math and feedback networks to generate controlled, evolving visuals. The structure allows for easy tuning of particle behaviour, making it ideal for interactive or motion-based installations.
A parameter-driven particle system built in TouchDesigner. Using constant values for emission rate and lifespan, this setup feeds into math and feedback networks to generate controlled, evolving visuals. The structure allows for easy tuning of particle behaviour, making it ideal for interactive or motion-based installations.
A parameter-driven particle system built in TouchDesigner. Using constant values for emission rate and lifespan, this setup feeds into math and feedback networks to generate controlled, evolving visuals. The structure allows for easy tuning of particle behaviour, making it ideal for interactive or motion-based installations.
engaging designs:
User
engaging designs:
User
interactivity.
Interactivity.
This section highlights how I built real-time particle effects using a visual node system that allows for precise control and creative flexibility.
By adjusting key settings and layering effects through logic-based tools, I create polished, interactive visuals that respond dynamically, ideal for engaging, high-quality experiences.
To the left is an annotated diagram of the user interactivity section of my work in Touchdesigner.
This section highlights how I built real-time particle effects using a visual node system that allows for precise control and creative flexibility.
By adjusting key settings and layering effects through logic-based tools, I create polished, interactive visuals that respond dynamically, ideal for engaging, high-quality experiences.
Below is an annotated diagram of the user interactivity section of my work in Touchdesigner.
This section highlights how I built real-time particle effects using a visual node system that allows for precise control and creative flexibility.
By adjusting key settings and layering effects through logic-based tools, I create polished, interactive visuals that respond dynamically, ideal for engaging, high-quality experiences.
Below is an annotated diagram of the user interactivity section of my work in Touchdesigner.
This section highlights how I built real-time particle effects using a visual node system that allows for precise control and creative flexibility.
By adjusting key settings and layering effects through logic-based tools, I create polished, interactive visuals that respond dynamically, ideal for engaging, high-quality experiences.
Below is an annotated diagram of the user interactivity section of my work in Touchdesigner.
How might we create an engaging audio-reactive particle system through the use of colour visuals?
How might we create an engaging audio-reactive particle system through the use of colour visuals?
CHROMA KEY
Manipulating
particle colour
chroma key:
Manipulating
particle colour
This setup showcases how I used TouchDesigner to build an audio-reactive particle system driven by key visual nodes. Ramp and Noise TOPs control gradient transitions, movement, and color dynamics, while a Chroma Key TOP filters visual elements based on live audio input.
The result is a responsive, fluid visual effect that evolves with sound, designed for both aesthetic impact and real-time interactivity.
This setup showcases how I used TouchDesigner to build an audio-reactive particle system driven by key visual nodes. Ramp and Noise TOPs control gradient transitions, movement, and color dynamics, while a Chroma Key TOP filters visual elements based on live audio input.
The result is a responsive, fluid visual effect that evolves with sound, designed for both aesthetic impact and real-time interactivity.
TThis setup showcases how I used TouchDesigner to build an audio-reactive particle system driven by key visual nodes. Ramp and Noise TOPs control gradient transitions, movement, and color dynamics, while a Chroma Key TOP filters visual elements based on live audio input.
The result is a responsive, fluid visual effect that evolves with sound, designed for both aesthetic impact and real-time interactivity.
visual programming:
final overview
visual programming:
final overview
key takeaway:
Future
key takeaway:
Future
strategies
strategies
Overall I am pleased with my outcome and loved discovering TouchDesigner. I enjoyed exploring this platform as my work elevated in difficulty as more ideas emerged with audio and colour mapping.
In the future I would like to see how I can link the chroma key and audio-reactive section to individual keys, instruments of volumes to really pick out certain tones with colour and create an even more cinematic feel.
I would also like to see this as an immersive environment, possibly a 3d experience, hopefully bringing this work over to website and application user interfaces.
Overall I am pleased with my outcome and loved discovering TouchDesigner. I enjoyed exploring this platform as my work elevated in difficulty as more ideas emerged with audio and colour mapping.
In the future I would like to see how I can link the chroma key and audio-reactive section to individual keys, instruments of volumes to really pick out certain tones with colour and create an even more cinematic feel.
I would also like to see this as an immersive environment, possibly a 3d experience, hopefully bringing this work over to website and application user interfaces.
