GLSL Effect Porting in TouchDesigner – TouchDesigner Tutorial 203

Get access to 200+ hours of TouchDesigner video training, a private Facebook group where Elburz Sorkhabi and Matthew Ragan answer all your questions, and twice-monthly group coaching/mastermind calls here: http://iihq.tv/Trial

Conversion of GLSL-based visual effects to TouchDesigner is a popular topic that’s been covered a number of times over the years. Often, things can get complicated when working to translate effects that combine multiple shaders, feedback loops, or interactivity.

In this video, Jack DiLaura (@jackdilaura) will walk you through the process of adapting GLSL shaders to function in TouchDesigner by converting “Mouse Spinner”, a fantastic interactive GLSL effect by Dave Hoskins (link: https://www.shadertoy.com/view/XdccDs) to run in the program.

You’ll work through modifying the GLSL shader code syntax, correctly implementing video signal flow (including adding feedback loops where needed), techniques for working with multiple shaders in tandem, and setting up the ability for TouchDesigner to control/automate specific parameters.

Get the project files here: https://interactiveimmersive.ac-page.com/glsl-effect-porting-touchdesigner

Mouse Spinner by Dave Hoskins (Shadertoy): https://www.shadertoy.com/view/XdccDs

Dave Hoskins’ Shadertoy Page: https://www.shadertoy.com/user/Dave_Hoskins

Write a GLSL TOP (TouchDesigner Documentation Page): https://docs.derivative.ca/Write_a_GLSL_TOP

Buffer A Shader Code: https://pastebin.com/LVCks5Wn

Image Shader Code: https://pastebin.com/GgDKB802

#interactiveimmersivehq #touchdesigner #glsl