top of page

Exclusive Touchdesigner tutorial

  • Writer: acrylicode berlin
    acrylicode berlin
  • Nov 6, 2021
  • 3 min read

Updated: Jul 23, 2023

Hi, we are Acrylicode, a Berlin-based couple making generative art and enjoying the journey. We created this exclusive tutorial for generativehut and we hope you like it.


You will learn how to create this:


Enjoy! If you liked this tutorial, please consider subscribing to our Youtube channel and following us on Instagram to support us.


We will first introduce the steps and then we will show them in the video tutorial below.


We will create this animation with TouchDesigner. TouchDesigner is a node-based visual programming language for real-time interactive multimedia content. There is a free license and the software is free to download. You can achieve this tutorial with the free license. You can download it from here.


1. The main idea of the project starts with creating a line SOP (surface operator). In the parameter window, we are going to set the number of points to 600, point A to -6, and point B to 6, so that we have a long line stretching horizontally through the whole render screen.


2. From here we will pass the line SOP to CHOP. We do this because some transformations are easier done on CHOPs and so we are able to deform the line in the y-Axis to achieve the effect of a noisy line. We are going to do the transformations in between and afterwards convert it to SOPs again.


3. After the CHOP TO operator add a geometry, a camera and lights. Connect all three to a render and the render to the Out.


4. At this point we will get a warning in the render. This can be easily fixed by adding a Constant Material. Once we add the Material we drag and drop it onto the Geometry and select Parameter Material. From now we are able to see the line on the render screen.


5. Here we are going to change the background color to black by creating a transform right before the Out. In the parameter window, set the alpha parameter to 1 and turn on Comp Over Background Color.


6. Create a Noise CHOP and in the parameter window change the channel name to ’ty’ (the transformation in the y-Axis). Add a Replace CHOP and connect it to the Noise. This will immediately transform the line to a noisy line.


7. Before the Out, add a Feedback TOP, a Transform TOP and a Composite TOP. On the parameter window of the Composite we’re going to set the operation to ‘add’. Drag and Drop the Composite to the Feedback to automatically set the Target Top to Composite. On the parameter window of the Transform we lower the scale and increase the Translate y value.


8. After the Noise TOP, create a Math Top and connect it to the Noise. In the Math parameter window go to Multi-Add and we’re going to set the Pre-Add to -0,5.


9. For the last step we’re going to animate the noise. We’re going to click on the Noise Node and in the parameter window, we’re going to click on Transform and set the Translate z parameter to ‘absTime.seconds * 10’.


And these were all the steps to achieve the animation. Render away and improvise with the values and colors to have different variations. For more go watch our over an hour long techno mix with a sound reactive version of this animation here: https://www.youtube.com/watch?v=cuWHHNhlfk8&t=961s





You can contact us via Instagram DM or just leave a comment in our most recent Youtube video, we appreciate any feedback, suggestions, etc.


Don't forget to check out our previous tutorial for Generative Hut here.


39 Comments


Njikiolop Maers
Njikiolop Maers
May 13

TouchDesigner is such a beast to learn, so I'm always on the hunt for tutorials that actually explain the "why" behind the nodes instead of just showing you what to click. I’ve been trying to build out a more complex reactive visual system lately, but honestly, my brain just needs a break from the logic gates sometimes. It’s the same feeling I get when I’m researching something totally different, like browsing through the latest community reviews at https://au.trustpilot.com/review/instantpayoutcasinos.org just to see how different platforms are handling their tech updates and payouts. Anyway, thanks for putting this together—exclusive content like this is exactly what helps the community grow. Can't wait to try and implement some of these techniques into my next project!

Like

Shani Gujjar
Shani Gujjar
Apr 21

A random post I read earlier included   , so I took a moment to check it out. I only spent a short time navigating through it, mainly to understand how things were set up. The layout looks quite organized, and the design feels simple enough to follow. buy bjj gi  It doesn’t take long to get used to where everything is. Even without spending much time, the overall experience feels quite smooth and manageable.

Like

Bilal
Bilal
Apr 14

A what is a certified cpa is a common question for individuals looking to understand professional accounting qualifications. A Certified Public Accountant (CPA) is a licensed expert in accounting who has completed specific education requirements, passed the Uniform CPA Examination, and gained relevant experience. In the United States, CPAs are authorized to provide services such as tax preparation, auditing, financial reporting, and financial consulting. Understanding what is a certified cpa helps individuals and businesses choose qualified professionals for accurate financial management and legal compliance.

Like

Eric Larsen
Eric Larsen
Mar 25

From my experience looking into Australian platforms using MuchBetter, the process is mostly functional, though not without minor issues. Payments and top-ups usually work reliably, but occasional delays or small interface glitches can occur, especially on mobile devices. Navigation and options feel standard rather than exceptional. For a factual reference, this Muchbetter casino page provides some basic insights. It’s reasonable to remain cautious and verify details independently.

Like

Robert Hale
Robert Hale
Mar 23

Street fashion keeps changing, yet bold accessories always define personality. A sleek Faux Leather Hat adds instant attitude to casual outfits, blending comfort with city-ready flair. Paired with oversized hoodies, denim jackets, or statement sneakers, it creates a confident look that feels current and expressive. Many style lovers choose neutral shades for daily wear, while others experiment with glossy textures for night scenes. This trend proves that modern street style is about creativity, not rules. Wearing standout headwear helps individuals show mood, movement, and identity in every urban step today.

Like

©2023 by Generative Hut.

bottom of page