audio-reactive texture slicing in touchdesigner | tutorial
in this touchdesigner tutorial, we’ll build an audio-reactive 2d texture slicing system. this technique is inspired by the foundational texture slicing method shared by jack delora at the interactive & immersive hq. in this version, we take the core idea further by adding audio reactivity, expanding the pattern generation, and creating multiple visual variations. by the end of this tutorial, you’ll know how to transform static image or video into an infinite glitch composition that reacts to music in real time. you’ll learn: - uv map manipulation - feedback + displacement — how to combine feedback top and displace top to create recursive slicing patterns. - repeat mode logic — how displace top’s repeat mode helps generate seamless looping texture movement. - sharp pixel slicing — nearest pixel sampling is essential for crisp, razor-sharp glitch edges. - keyboard control system — build a 4-key command center to reset, toggle, randomize, and control the visual system live. - audio-reactive technique— how to isolate high-frequency transients and use them to trigger visual variation, and how to drive changing pattern seeds to create more dynamic generative results using audio input. 00:00 – intro 00:47 – the technical why: uv maps, feedback, and remapping 02:46 – building, step1: the uv coordinate map 04:04 – building, step2: moving uv map 04:28 – building, step3: dynamic uv map 05:53 – building, step4: add keyboard control 12:11 – adding audio reactivity 19:45 – surprise art work! & outro inspiration: 2D Texture Slicing by Jack Delora / @TheInteractiveImmersiveHQ https://youtu.be/_Rk2KgX1iws?si=2ZDYiylYrYMeDNqA spotify to TouchDesigner Audio Routing Tutorial: https://youtu.be/kQf9bUpq2Jw?si=JWr3g4zGZFRA_RER 📁 commercial-use project file: https://www.patreon.com/posts/pixel-study-time-158622986?utm_medium=clipboard_copy&utm_source=copyLink&utm_campaign=postshare_creator&utm_content=join_link 📁 free audio-reactive component: https://www.patreon.com/posts/audio-reactive-131700570?utm_medium=clipboard_copy&utm_source=copylink&utm_campaign=postshare_creator&utm_content=join_link audio reactive tutorial https://youtu.be/nZi6Z4HanDM?si=ahop9R86oK3jhG_Z https://youtu.be/l4nZbXZgfCM?si=oJshYzSlnzhwxNKl https://youtu.be/d9ZqXtYgW7g?si=exMiRTZACC4ly3Yz https://youtu.be/KxGN217aqWs?si=F_L6ZhPk9_AasbAV https://youtu.be/Dx7xUdybX14?si=UH4F3lYIkmPlk7kW if this helped, like and subscribe. drop a question in the comments if anything wasn't clear — and let me know what tutorials or effects you want to see next. see you in the next one. #touchdesigner #touchdesignertutorial #glitchart #pixelart #audioreactive #generativeart #livevisuals #vj #uvmapping #creativecoding #2dtextureslicing
Download
0 formatsNo download links available.