Mastering GLSL in TouchDesigner, Lesson 15: TouchDesigner, Shadertoy, and Beyond

Porting shaders between different environments—whether Shadertoy, TouchDesigner, WebGL, or other GLSL-based systems—is mostly a matter of updating naming conventions and adapting to specific platform constraints. Since GLSL syntax remains consistent, understanding how different environments handle uniforms, texture samplers, and function structures is key to making your shaders transferable across platforms.

📌 What You’ll Learn:
✅ Porting Shadertoy shaders to TouchDesigner – Converting texture samplers, resolution uniforms, and updating function names

🛠 Examples & Exercises:
🔹 Convert Shadertoy shaders to TouchDesigner and vice versa
🔹 Port a multi-buffer shader between platforms
🔹 Build a project that integrates custom noise functions, instancing, and post-processing

🚀 Capstone Project:
Your final challenge: Create a fully realized, original GLSL-driven project, incorporating procedural textures, instancing, and advanced feedback loops. Push the limits of what you’ve learned and refine your coding practices for cleaner, more modular shader design.

🔗 Find me online:
📁 Project Files & Patreon: https://www.patreon.com/water__shed
🌎 Portfolio: https://www.lakeheckaman.com
📷 Instagram: https://instagram.com/lake_heckaman

00:00 – Intro
00:59 – Shadertoy and TouchDesigner GLSL differences
03:55 – Example porting shader from shadertoy to touchdesigner
12:25 – GLSL in TouchDesigner CAPSTONE PROJECT
16:03 – Closing and thank you