TouchDesigner Generative Audio Reactive Water Colour Visuals

Introduction

In this tutorial, you'll learn how to create generative audio-reactive watercolor visuals using TouchDesigner. This guide will take you through the essential steps to set up your project, manipulate audio inputs, and generate stunning visuals that respond to sound. This project is perfect for artists, VJs, and anyone interested in audiovisual creations.

Step 1: Setting Up Your TouchDesigner Environment

• Download TouchDesigner: Ensure you have the latest version of TouchDesigner installed on your computer.
• Create a New Project: Open TouchDesigner and start a new project.
• Download Project Files: Visit the provided Patreon link to download any necessary project files that might help you get started.

Step 2: Importing Audio Input

• Add Audio File:
  • Use the Audio File In DAT operator to import your audio track.
  • Drag and drop your audio file into the operator or navigate to the file location via the parameters.
• Set Audio Parameters:
  • Adjust the parameters such as Sample Rate and Channel according to your audio needs.

Step 3: Analyzing Audio

• Add an Audio Analysis Operator:
  • Use the Audio Analysis CHOP to analyze the audio data.
  • Connect the output of your Audio File In DAT to the Audio Analysis CHOP.
• Choose Analysis Type:
  • Select the type of analysis you want (e.g., amplitude, frequency bands) from the parameters.

Step 4: Generating Visuals

• Create a Geometry Node:
  • Add a Geometry COMP to your project to contain your visual elements.
• Add a Material:
  • Connect a Phong MAT or Constant MAT to your Geometry for coloring effects.
• Tie Audio to Visuals:
  • Use the output of the Audio Analysis CHOP to manipulate parameters such as size, scale, or color of the Geometry.

Step 5: Adding Watercolor Effects

• Use a GLSL Shader:
  • Create a GLSL MAT and apply it to your Geometry.
  • Write or modify shader code to achieve watercolor effects.
  • Basic shader example to get started:

// Example GLSL code for watercolor effect
vec4 color = vec4(0.0);
color.r = texture(sampler, UV).r;
color.g = texture(sampler, UV).g;
color.b = texture(sampler, UV).b;
color.a = 1.0; // fully opaque

Step 6: Finalizing the Visuals

• Adjust Parameters:
  • Fine-tune the parameters of both the Geometry and the Material to achieve the desired visual outcome.
• Test with Live Audio:
  • Connect a live audio input (if available) to see how the visuals react in real-time.

Conclusion

In this tutorial, you learned how to create generative audio-reactive watercolor visuals using TouchDesigner. You set up your environment, imported audio, analyzed it for visual manipulation, and applied watercolor effects to your visuals. Experiment with different audio sources and shader modifications to further enhance your creations. For additional resources, consider visiting the tutorial creator's Patreon for more project files and insights. Happy creating!