TouchDesigner real-time application

Modular Audio Player

This interface is a fully functional modular audio player built from scratch in TouchDesigner

It includes a range of interactive and audio-reactive features:

  • 4 switchable audio-reactive real-time generative visuals

  • 3 custom switchable color palettes for UI and visuals

  • Dynamic track list with real-time selection highlighting

  • Track progress bar with current track name and album info

  • Manual and automatic switching between tracks

  • Volume control

  • Modular interface adaptable for different screen sizes

  • Python scripting for track selection, UI state sync, and interactivity

  • Optimized structure running at stable 60 FPS



Idea and architecture

The project was a part of the hands-on practice, aimed to improve not only in creating real-time audio-reactive visuals, but also building functional systems using Python scripting and modular UI architecture.The modular structure allowed to easily expand and iterate on the architecture while the project was in progress.

Generative visuals

Color-palette switcher

Grey

Technical solutions

Inside Base components for each visual

Yellow

While most of the logic was built with node-based structures, some elements like automatic track switching and the track list highlighter were easier to implement with Python scripting.

Play/Pause toggle logic (example)

Each visualizer is based on a specific technique — T3D, RayTK, Feedback, and Nvidia Flow emitter with POPs particles and instancing.
To ensure visual consistency with the selected UI palette, each visual is colored using a Lookup TOP. This makes it easy to extend the color set by simply adding a new ramp and button.

Orange