Advanced484 Videos

Create better text layouts using HTML and CSS and the Web Render TOP in Touchdesigner

In this tutorial I will show you how we can use HTML and CSS to make more dynamic text layouts in Touchdesigner using the Web Render TOP. Eventually I gave up trying to fix the custom font using @font-face. After recording the video I was able to get the custom font loaded by reverting to […]

Create Stable Diffusion Images and Deforum Animations in VR with Unity and TouchDesigner – Part 4

Part 4 of a tutorial series on how to combine Stable Diffusion, Deforum, Touchdesigner and Unity VR with a Meta Quest headset connected to a PC with oculus link to create and integrate AI Generated art in a 360 environment in realtime! In this tutorial we continue to show how to use TouchDesigner to begin […]

Creating Abstract 3D Sculptures in TouchDesigner

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 Get the project files here: https://interactiveimmersive.ac-page.com/creating-abstract-3d-sculptures-in-touchdesigner Although procedural geometry isn’t often thought of in the same sense as physical sculptural artwork, there’s a lot of […]

Creating Generative Visuals with Complex Systems – Simon Alexander-Adams

Workshop: Creating Generative Visuals with Complex Systems Example Files: https://tinyurl.com/Summit2019-SimonAlexanderAdams This workshop will walk participants through the process of creating real-time generative visuals using two types of systems: reaction-diffusion and cellular automata. Both methods yield a variety of complex and often non-repeating patterns. Reaction-diffusion systems model the changing of one or more chemical substances. The […]

Creating Interactive Controls for Live Performance – Ginger Leigh

Workshop: Interactive Control for Live Performance Example files: https://tinyurl.com/Summit2019GingerLeigh 0:00 – Introduction 3:35 – Notes on sensors 6:40 – MIDI controllers 26:06 – Thinking excercise 30:10 – Leap Motion 50:45 – See note below on additional excerpt video at this point 50:45 – Kinect sensors 1:13:55 – Ableton Live using Live Grabber 1:21:18 – Ableton […]

Creating Sesh 3: Freeform Raymarching Progress in TouchDesigner with GLSL

Pretty much silent in this one as I get locked in with a wavey scene I’ve been working on & a couple mixes from Maxfield. I refine color/lighting/shading, fix some aliasing in geometry, refine control parameters & shape morphs, etc. etc. Find more of my work on the free & paid tiers of Patreon here: […]

Custom ChatGPT and Whisper(speech to text) Plugins for TouchDesigner

Hey! In this tutorial we’ll go over 2 new components I developed to run OpenAI’s Whisper (speech to text) and ChatGPT within TouchDesigner. The components work without any setup needed, just add your OpenAI API key. I also show how to extend the functionality of the components so you can use these models in your […]

custom particle system in Touchdesigner

this right here is the easiest method I found for building a particle system from scratch in GPU, using only TOPs. .toe file (Patreon exclusive): https://www.patreon.com/posts/64521974 Subscribe to this channel to get notified when I release new videos! You can support me on Patreon https://www.patreon.com/paketa12​​ or follow me on: https://www.instagram.com/paketa12​​ https://www.facebook.com/paketa12​

Cyberpunk 2077-Inspired Point Cloud Effects in TouchDesigner

Taking inspiration from sci-fi and cyberpunk classics of the past, Cyberpunk 2077 presents a visual aesthetic equally gritty, vintage, and futuristic. The retro-futurist aesthetic is taken even further during certain scenes throughout the game where the main character interacts with a firewall called the Darkwall — the environment transforms into a pixellated, glitchy computer rendering […]

Delicious Dome Mapping – Michael McKellar

Workshop: Delicious Dome Mapping WARNING! – The beginning of this workshop has bad audio issues, please adjust volume accordingly. After 24:30 the issues are resolved. Example files: https://tinyurl.com/Summit2019-MichaelMcKellar This workshop is an exploration into projection warping with a focus on fulldome projection mapping. This session will benefit individuals with an interest in domes, projection, pixels, […]

Distance Map Displacement in TouchDesigner

This TouchDesigner tutorial covers creating a displacement effect using distance maps, specifically focusing on the jump flooding algorithm. It also looks at generating a simple plexus style pattern for use with the effect. Please note this tutorial uses TouchDesigner Version 2023.11600. If you’re using an older or newer version there may be features that don’t […]

Domain Warping in TouchDesigner

An introduction to domain warping in TouchDesigner. We will first build some conceptual intuition and then write a domain warping shader from scratch using GLSL (not as scary as it sounds!) Project Files: www.patreon.com/water__shed Links: – https://iquilezles.org/articles/warp/ – http://st4yho.me/domain-warping-an-interactive-introduction/ – https://darienbrito.com/portfolio/pigments/ – https://palmdrop.site/nodes/domain-warping 00:00 – Start 01:40 – Literature Review 03:58 – Domain Warping Intuition […]

Drawing in Python – Noah Norman

Additional Files – https://github.com/ancillarymagnet/axidrawings This workshop will focus on the basics of using TouchDesigner’s Script SOP to create geometry programmatically, beginning simply with the creation of points and lines, building out some useful and reusable abstractions, and eventually creating interesting structures and patterns, all with an eye to creating vector artwork for printing on pen […]

Easily Make Shaders in TouchDesigner: New Shader Park Plugin for TouchDesigner with T3D Support

In this tutorial we’ll go over the new Shader Park plugin for TouchDesigner. It allows you to easily take your raymarched shaders that run in the browser and bring them natively into TouchDesigner to introduce things like audio reactivity, hook them up to sensors, or render out high quality video. The plugin now supports occluding […]

Easily Train Pose, Image, & Audio Detection AI in TouchDesigner (No Code): Teachable Machine Plugin

In this tutorial, you’ll learn how to use the Teachable Machine plugin for TouchDesigner. It lets you quickly train lightweight Pose Detection, Image Recognition, and Audio Classification models and embed them into TouchDesigner to run offline without an internet connection. Link to project file + Plugin on Patreon: https://www.patreon.com/tblankensmith Link to Teachable Machine: https://teachablemachine.withgoogle.com/ 0:00 […]

elastic forces in Touchdesigner

Here’s my second take on spring forces, this time solving for kinetic energy and also some tricks to make a smoother simulation with the Euler method. Coding Challenge #160: Spring Forces: .toe file (Patreon exclusive): https://www.patreon.com/posts/74791498 Subscribe to this channel to get notified when I release new videos! You can support me on Patreon https://www.patreon.com/paketa12​​ […]

Extending TouchDesigner (日本語)

Extending TouchDesigner using Python and C++ to incorporate Standard Libraries, csv data, openCV, and more. Example files: http://tinyurl.com/y2m3gsuc Blog post: http://satoruhiga.com/post/extending-touchdesigner/ MUTEK.jp 2018 Advanced Class Day2 Lecturer: Satoru Higa Link: http://backspace.tokyo/ Twitter: https://twitter.com/satoruhiga 0:00 – Introduction 2:58 – Basic operators 5:58 – Text DAT and python 20:56 – COMP extensions 31:56 – Standard libraries – […]

falling sand in Touchdesigner

this is my take on a falling sand algorithm done entirely in TOPs. The simulation can take millions of grains and also sample sand from a texture. With this technique you can get some crazy handmade ‘glitch’. I hope you like this method. Thank you massive. Coding Challenge 180: Falling Sand: https://www.youtube.com/watch?v=L4u7Zy_b868 .toe file (Patreon […]

Finally, Gaussian Splatting in TouchDesigner!

An extension of my last Luma AI tutorial, in this video we revisit Gaussian Splatting in TouchDesigner, since a new tool is now available to the community thanks to Tim Gerritsen. Learn how to use the component in TouchDesigner, what a Gaussian Splat is anyway, and a few very simple (no-code) ways to begin animating […]

Flocking Effect in TouchDesigner Tutorial

I’ve tried doing this in TouchDesigner for years and have finally figured it out. In this tutorial, you’ll learn how to create a particle effect that combines all three forces a flocking algorithm requires: attract, repel, and follow. Other things you might learn in this tutorial: * Optical flow feedback for liquid effects * Rotate […]

Flow Field Particles in TouchDesigner – All TOPs!

Have you wanted to make complex particle systems but are too scared to get into GLSL programming? This TouchDesigner tutorial explains how to build these systems using all TOPs. Using this method, you can switch out the flow field with any black-and-white source you might come up with. Topics covered in this tutorial: RGB math […]

Fluid Cube (Nvidia Flex Solver + T3D) – TouchDesigner Tutorial 13

In this tutorial, I’m showing how I build this Fluid Cube system using Nvidia Flex Solver and T3D (3D Texture Operators) created by Josef Pelz. Big shout-out to Josef for creating this amazing toolkit! You can download the tool kit from josef’s Patreon Page: https://www.patreon.com/JosefPelz/posts You can download the Transfrom Vector Componet that I’m using […]

flying tube in Touchdesigner

this tutorial marks 6 years with Touchdesigner and we build a fake 3D flying tube made mostly with TOPs using feedback, normals, UV map, and other tricks. I really hope you like it. inspired by Juhani Halkomaki https://www.instagram.com/p/CmZzRCFODfP .toe file (Patreon exclusive): https://www.patreon.com/posts/81858910 Subscribe to this channel to get notified when I release new videos! […]

Foamy Waves with NVIDIA Flex in TouchDesigner

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 Get project files here: https://interactiveimmersive.ac-page.com/foamy-waves-with-NVIDIA-flex Note: The content of this tutorial uses the NVIDIA Flex series of operators, which is only supported under the Microsoft […]

Generating Text with GPT3 in TouchDesigner

You’ve probably heard about OpenAI’s GPT3 or its sibling, ChatGPT, as they’ve been making headlines recently about their ability to generate very convincing human-like text. ​​At this point, ChatGPT is only available in a web-based beta, but GPT3 is accessible via an API, and (great for TouchDesigner users!) has its own Python library. ​​In this […]

Generative color palettes. Part 2/2

Generative palettes from part 1 can be used in very different scenarios, here are some of them: raymarching, rendering with GLSL MAT, conformal mapping, fractals colorization, colorful particles. The basic code stays almost the same in all cases, so as soon as you understand it, you’ll be able to use it in many of your […]

Generative Interfaces with Widgets Part 1 – Wieland Hilker

Workshop: Generative Interfaces with Widgets Part 1 Widgets are a new and exciting way to create highly customizable interfaces. Even though widgets can effectively reduce a creator’s workload it can still be hard to build big and complex interfaces by hand. In this workshop we will take a deeper look at ways of automating interface […]

Generative Interfaces with Widgets Part 2 – Wieland Hilker

Workshop: Generative Interfaces with Widgets Part 2 Example Files: https://tinyurl.com/Summit2019-WielandHilker Widgets are a new and exciting way to create highly customizable interfaces. Even though widgets can effectively reduce a creator’s workload it can still be hard to build big and complex interfaces by hand. In this workshop we will take a deeper look at ways […]

Generative Maps in TouchDesigner: Creating Map Layers with Replicator COMP

Create dynamic generative maps in TouchDesigner with this 3 part tutorial series. We will use a touchdesigner implementation of the Jump Flood algorithm (s/o David Braun) and a Replicator COMP to make a number of map layers complete with nation boundaries and road line! Project files on patreon: www.patreon.com/water__shed 00:00 – Start 01:01 – Overview […]

Generative Maps in TouchDesigner: Jump Flood Algorithm

Create dynamic generative maps in TouchDesigner with this 3 part tutorial series. We will use a touchdesigner implementation of the Jump Flood algorithm (s/o David Braun) and a Replicator COMP to make a number of map layers complete with nation boundaries and road line! Project files on patreon: www.patreon.com/water__shed

GENERATIVE MYCELIUM PATTERN – TOUCHDESIGNER TUTORIAL

today we create this setup inspired by mycelium structures and the work of tokamu. enjoy! download project files and get access to more tutorials and files while supporting me and my work: ​​ https://www.patreon.com/pppanik or sign up directly to my youtube channel as a member. BIG THANKS FOR YOUR SUPPORT. 🙂 if you want to, […]

Generative Point Clouds in TouchDesigner

It’s time for more point clouds! Although commonly associated with impressively detailed scans of spaces, objects, and terrain, point clouds can be a great source of generative visuals and creative inspiration, especially when you start to generate and animate your own. Taking inspiration from the recent Cyberpunk 2077-Inspired Point Cloud Effect (https://www.youtube.com/watch?v=pV_WLFZCVo4), Jack DiLaura walks […]

Geometric Solar Flares with particlesGPU

ParticlesGPU is an amazing tool for working with particle systems in TouchDesigner. As a GPU-based compute shader, it offers higher performance with larger particle counts than previous methods. Since the initial release of the 2022 version of TouchDesigner, many exciting new additions have been made to particlesGPU, including the ability to use forces, a favorite […]

Geospatial Data Visualization with TouchDesigner, Part 1: Open Street Maps

In this project, we build a geospatial data pipeline to power a real-time visualization built in TouchDesigner. We will look at a number of applications and effects, visualization with instancing and render picking, and integrate various data sources along the way. Part 1 includes using qGIS software to bulk download Open Street Map data, Houdini […]

Geospatial Data Visualization with TouchDesigner, Part 2: Point Cloud Rendering

In this project, we build a geospatial data pipeline to power a real-time visualization built in TouchDesigner. We will look at a number of applications and effects, visualization with instancing and render picking, and integrate various data sources along the way. Part 2 outlines a super-lightweight rendering setup for point clouds! Project files: www.patreon.com/water__shed 00:00 […]

Getting Twitter messages into TouchDesigner

A quick tutorial on howto create a Twitter App and use the WebClient to stream messages from Twitter into TouchDesigner. Final tox can be downloaded here: https://github.com/wuestenarchitekten/workshops/tree/master/Twitter/TwitterFeed

Glitches, pixel sorting and data moshing. TouchDesigner tutorial

Different approaches for making glitchy and trippy effects, real and fake pixel sorting and data moshing in TouchDesigner with a bit of GLSL magic as well. There are many references and examples in the video, so it’s better to download file, open it and follow the video. File and all links to mentioned resources in […]

GLSL 102 Raymarching : Beyond Copy and Paste Shadertoy – VanTa

Workshop: GLSL 102 Raymarching : Beyond Copy and Paste Shadertoy Recommended Prerequisite: https://youtu.be/QtrzuSFfsSo 0:00 – Introduction 3:45 – Raymarching theory 15:23 – Let’s start raymarching! 54:06 – Calculating Normals 1:16:50 – Combining shapes 1:29:55 – Adding interactive control with uniforms 1:35:05 – Inigo Quilez, Shadertoy, and using resources 1:43:37 – Displacement 1:59:14 – Experimentation and […]

GLSL Materials in TouchDesigner: Porting from WebGL

Take your vertex and fragment shader skills to the next level with custom GLSL Materials in TouchDesigner. This tutorial gives a gentle introduction to the concepts of GLSL Materials in TD by porting a shader from WebGL. We discuss each part of the shader pipeline, analogous structures in WebGL vs TouchDesigner, and end up with […]

GLSL Particle Simulations in TouchDesigner Tutorial

Whether you’re a programmer or not, GLSL can initially seem intimidating. However, in this video, I aim to make it less daunting. In this tutorial I show how you can create a visually stunning particle system with just a few lines of code, demonstrating that it’s not as complex as it may seem. Other topics […]

GLSL TOP Post Effects (日本語)

Using the GLSL TOP to make high performance post-process type effects. Example file: https://goo.gl/Av11Fh Blog post: https://speakerdeck.com/fand/glsl-posteffect-in-touchdesigner MUTEK.jp 2018 Advanced Class Day1 Lecturer: Amagi Takayosi Link: https://www.1-10.com/ Twitter: https://twitter.com/amagitakayosi 0:00 – Introduction 4:25 – GLSL introduction 8:20 – Review of the sample files 11:31 – GLSL TOP 26:00 – RGB Glitch effect 41:27 – Chroma […]

GLSL Vertex shaders in TouchDesigner. Part 2/2

Working with instances in vertex shaders in TouchDesigner. Post on my Patreon with project files – https://www.patreon.com/posts/34396515 Wiki – https://docs.derivative.ca/Write_a_GLSL_Material GLSL function reference – http://www.shaderific.com/glsl-functions SDF functions – http://iquilezles.org/www/articles/distfunctions/distfunctions.htm Step/smoothstep interactive example – https://thebookofshaders.com/05/

GPU Implementation of SOP to TOP – Quentin Bleton

Workshop: GPU Implementation of SOP to TOP This workshop aims to demonstrate a new way of manipulating SOPs in TOP space, while preserving optimized performances, by leveraging the GPU through geometry shaders to convert an SOP into, or from, a TOP. The geometry shader will be presented and explained first through a series of simple […]

Gray-Scott Reaction Diffusion in TouchDesigner (Part 1)

Learn to simulate the awesome Gray-Scott reaction diffusion system in TouchDesigner, using GLSL shaders. We discuss the mathematical basis of the system, how to implement it in shaders, tiling, and how to color the simulation using any palette! Find me online! My portfolio: https://lakeheckaman.com Instagram: https://www.instagram.com/lake_heckaman Project Files on Patreon: https://patreon.com/water__shed Gray Scott Reaction Diffusion […]

Houdini x TouchDesignerAudio Visual Creation Baton 1/6 | Houdini

Houdini x TouchDesigner Audio Creation BatonHoudini Part 1/6 2019年8月にTDSWによって開催された「神々の悪戯 -Play by Gods-」において収録された全6時間のワークショップのアーカイブ動画です。 当ワークショップは1日目は尹 剛志氏によるHoudini Part、2日目は前日のプログラムを引き継いだ比嘉 了氏によるTouchDesigner Partという形式で構成され、以下のリアルタイムオーディオリアクティブコンテンツが創造されました。 ■ Sample Program Download Link (Thank you so much Instructors!!!) https://bit.ly/3fsC7gw ■ Playlist https://bit.ly/3cfNeY2 ■ Contents 今回のワークショップでは、オーディオリアクティブなショートクリップの制作過程を順に追っていきながら、HoudiniとTouchDesignerの実用的な連携、各ツールのノウハウやTIPS、複数人でのプロジェクトの進め方のワークフローなどを交えてお見せできればと思っています。1日目は尹 剛志先生によるHoudiniを用いたワークショップ、2日目は比嘉 了先生が1日目のデータを引き継ぎTouchDesignerを用いたワークショップを行います。 ■  Instructor ・Houdini Part 尹 剛志 / Takeshi Yoong 株式会社十十 取締役 / CGディレクター 1977年生れ。2010年に株式会社jittoを設立。ハイエンドの3DCGで多くのCM,MVにCG Directorとして参加。文化庁メディア芸術祭を始め多くの賞を受賞。国内外で注目される。2015年よりHoudiniでCMやMVなどのタイトなスケジュールの作品に対しても対応できるHoudiniチームを社内に設立。 Twitter: https://twitter.com/yoongs Assistant & Partial creation 浦上 […]

Houdini x TouchDesignerAudio Visual Creation Baton 2/6 | Houdini

Houdini x TouchDesigner Audio Creation BatonHoudini Part 2/6 2019年8月にTDSWによって開催された「神々の悪戯 -Play by Gods-」において収録された全6時間のワークショップのアーカイブ動画です。 当ワークショップは1日目は尹 剛志氏によるHoudini Part、2日目は前日のプログラムを引き継いだ比嘉 了氏によるTouchDesigner Partという形式で構成され、以下のリアルタイムオーディオリアクティブコンテンツが創造されました。 ■ Sample Program Download Link (Thank you so much Instructors!!!) https://bit.ly/3fsC7gw ■ Playlist https://bit.ly/3cfNeY2 ■ Contents 今回のワークショップでは、オーディオリアクティブなショートクリップの制作過程を順に追っていきながら、HoudiniとTouchDesignerの実用的な連携、各ツールのノウハウやTIPS、複数人でのプロジェクトの進め方のワークフローなどを交えてお見せできればと思っています。1日目は尹 剛志先生によるHoudiniを用いたワークショップ、2日目は比嘉 了先生が1日目のデータを引き継ぎTouchDesignerを用いたワークショップを行います。 ■  Instructor ・Houdini Part 尹 剛志 / Takeshi Yoong 株式会社十十 取締役 / CGディレクター 1977年生れ。2010年に株式会社jittoを設立。ハイエンドの3DCGで多くのCM,MVにCG Directorとして参加。文化庁メディア芸術祭を始め多くの賞を受賞。国内外で注目される。2015年よりHoudiniでCMやMVなどのタイトなスケジュールの作品に対しても対応できるHoudiniチームを社内に設立。 Twitter: https://twitter.com/yoongs Assistant & Partial creation 浦上 […]

Houdini x TouchDesignerAudio Visual Creation Baton 3/6 | Houdini

Houdini x TouchDesigner Audio Creation BatonHoudini Part 3/6 2019年8月にTDSWによって開催された「神々の悪戯 -Play by Gods-」において収録された全6時間のワークショップのアーカイブ動画です。 当ワークショップは1日目は尹 剛志氏によるHoudini Part、2日目は前日のプログラムを引き継いだ比嘉 了氏によるTouchDesigner Partという形式で構成され、以下のリアルタイムオーディオリアクティブコンテンツが創造されました。 ■ Sample Program Download Link (Thank you so much Instructors!!!) https://bit.ly/3fsC7gw ■ Playlist https://bit.ly/3cfNeY2 ■ Contents 今回のワークショップでは、オーディオリアクティブなショートクリップの制作過程を順に追っていきながら、HoudiniとTouchDesignerの実用的な連携、各ツールのノウハウやTIPS、複数人でのプロジェクトの進め方のワークフローなどを交えてお見せできればと思っています。1日目は尹 剛志先生によるHoudiniを用いたワークショップ、2日目は比嘉 了先生が1日目のデータを引き継ぎTouchDesignerを用いたワークショップを行います。 ■  Instructor ・Houdini Part 尹 剛志 / Takeshi Yoong 株式会社十十 取締役 / CGディレクター 1977年生れ。2010年に株式会社jittoを設立。ハイエンドの3DCGで多くのCM,MVにCG Directorとして参加。文化庁メディア芸術祭を始め多くの賞を受賞。国内外で注目される。2015年よりHoudiniでCMやMVなどのタイトなスケジュールの作品に対しても対応できるHoudiniチームを社内に設立。 Twitter: https://twitter.com/yoongs Assistant & Partial creation 浦上 […]

Houdini x TouchDesignerAudio Visual Creation Baton 4/6 | Houdini

Houdini x TouchDesigner Audio Creation BatonHoudini Part 4/6 2019年8月にTDSWによって開催された「神々の悪戯 -Play by Gods-」において収録された全6時間のワークショップのアーカイブ動画です。 当ワークショップは1日目は尹 剛志氏によるHoudini Part、2日目は前日のプログラムを引き継いだ比嘉 了氏によるTouchDesigner Partという形式で構成され、以下のリアルタイムオーディオリアクティブコンテンツが創造されました。 ■ Sample Program Download Link (Thank you so much Instructors!!!) https://bit.ly/3fsC7gw ■ Playlist https://bit.ly/3cfNeY2 ■ Contents 今回のワークショップでは、オーディオリアクティブなショートクリップの制作過程を順に追っていきながら、HoudiniとTouchDesignerの実用的な連携、各ツールのノウハウやTIPS、複数人でのプロジェクトの進め方のワークフローなどを交えてお見せできればと思っています。1日目は尹 剛志先生によるHoudiniを用いたワークショップ、2日目は比嘉 了先生が1日目のデータを引き継ぎTouchDesignerを用いたワークショップを行います。 ■  Instructor ・Houdini Part 尹 剛志 / Takeshi Yoong 株式会社十十 取締役 / CGディレクター 1977年生れ。2010年に株式会社jittoを設立。ハイエンドの3DCGで多くのCM,MVにCG Directorとして参加。文化庁メディア芸術祭を始め多くの賞を受賞。国内外で注目される。2015年よりHoudiniでCMやMVなどのタイトなスケジュールの作品に対しても対応できるHoudiniチームを社内に設立。 Twitter: https://twitter.com/yoongs Assistant & Partial creation 浦上 […]

Houdini x TouchDesignerAudio Visual Creation Baton 5/6 | TouchDesigner

Houdini x TouchDesigner Audio Creation BatonHoudini Part 5/6 2019年8月にTDSWによって開催された「神々の悪戯 -Play by Gods-」において収録された全6時間のワークショップのアーカイブ動画です。 当ワークショップは1日目は尹 剛志氏によるHoudini Part、2日目は前日のプログラムを引き継いだ比嘉 了氏によるTouchDesigner Partという形式で構成され、以下のリアルタイムオーディオリアクティブコンテンツが創造されました。 ■ Sample Program Download Link (Thank you so much Instructors!!!) https://bit.ly/3fsC7gw ■ Playlist https://bit.ly/3cfNeY2 ■ Contents 今回のワークショップでは、オーディオリアクティブなショートクリップの制作過程を順に追っていきながら、HoudiniとTouchDesignerの実用的な連携、各ツールのノウハウやTIPS、複数人でのプロジェクトの進め方のワークフローなどを交えてお見せできればと思っています。1日目は尹 剛志先生によるHoudiniを用いたワークショップ、2日目は比嘉 了先生が1日目のデータを引き継ぎTouchDesignerを用いたワークショップを行います。 ■  Instructor ・Houdini Part 尹 剛志 / Takeshi Yoong 株式会社十十 取締役 / CGディレクター 1977年生れ。2010年に株式会社jittoを設立。ハイエンドの3DCGで多くのCM,MVにCG Directorとして参加。文化庁メディア芸術祭を始め多くの賞を受賞。国内外で注目される。2015年よりHoudiniでCMやMVなどのタイトなスケジュールの作品に対しても対応できるHoudiniチームを社内に設立。 Twitter: https://twitter.com/yoongs Assistant & Partial creation 浦上 […]

Houdini x TouchDesignerAudio Visual Creation Baton 6/6 | TouchDesigner

Houdini x TouchDesigner Audio Creation BatonHoudini Part 6/6 2019年8月にTDSWによって開催された「神々の悪戯 -Play by Gods-」において収録された全6時間のワークショップのアーカイブ動画です。 当ワークショップは1日目は尹 剛志氏によるHoudini Part、2日目は前日のプログラムを引き継いだ比嘉 了氏によるTouchDesigner Partという形式で構成され、以下のリアルタイムオーディオリアクティブコンテンツが創造されました。 ■ Sample Program Download Link (Thank you so much Instructors!!!) https://bit.ly/3fsC7gw ■ Playlist https://bit.ly/3cfNeY2 ■ Contents 今回のワークショップでは、オーディオリアクティブなショートクリップの制作過程を順に追っていきながら、HoudiniとTouchDesignerの実用的な連携、各ツールのノウハウやTIPS、複数人でのプロジェクトの進め方のワークフローなどを交えてお見せできればと思っています。1日目は尹 剛志先生によるHoudiniを用いたワークショップ、2日目は比嘉 了先生が1日目のデータを引き継ぎTouchDesignerを用いたワークショップを行います。 ■  Instructor ・Houdini Part 尹 剛志 / Takeshi Yoong 株式会社十十 取締役 / CGディレクター 1977年生れ。2010年に株式会社jittoを設立。ハイエンドの3DCGで多くのCM,MVにCG Directorとして参加。文化庁メディア芸術祭を始め多くの賞を受賞。国内外で注目される。2015年よりHoudiniでCMやMVなどのタイトなスケジュールの作品に対しても対応できるHoudiniチームを社内に設立。 Twitter: https://twitter.com/yoongs Assistant & Partial creation 浦上 […]

How I Build Components These Days – Greg Hermanovic

Additional Files – https://goo.gl/7DFBLi Over the years I have made many components, and HOW I have made them has changed radically, especially recently. As TouchDesigner evolves, better ways are discovered and perfected. Some new Best Practices have established themselves in my work. In TouchDesigner you can hack free-form for a long time. For me, once […]

How Pros Modify Tools in TouchDesigner – Tutorial

Get access to 120+ hours of TouchDesigner video training, a private Facebook group where Elburz and Matthew Ragan answer all your questions, and twice-monthly group coaching/mastermind calls here: http://iihq.tv/Trial A far too common problem for all interactive and immersive developers is that you’ll have a complex problem to solve but you won’t have the tools […]

How to make the Stranger Things intro in Touchdesigner

In this tutorial I will walk you through how to make a Stranger Things-esque scene in Touchdesigner. We will be doing some intermediate layouts with the Text SOP and use the Beat CHOP to time everything out. I also cover how to use Internal Parameters to keep everything organized. You can find the utilities I […]

How to run TouchDesigner in the cloud using Paperspace – Tutorial

Get access to 60+ hours of TouchDesigner video training, a private Facebook group where Elburz and Matthew Ragan answer all your questions, and twice-monthly group coaching/mastermind calls here: https://bit.ly/2zJ0lmt Elburz breaks the barriers and gives you a quick and easy guide to setting up TouchDesigner to run in the cloud on Paperspace’s native GPU instances. […]

Instance and offset an animated FBX using GLSL in Touchdesigner – Part 1

In this two part tutorial we’re going to build a custom component in Touchdesigner that records an animated geometry file into a texture format. Then in the second part we are going to use GLSL to: 1. instance the model, 2. have the ability to offset the animation per instance and most important, 3. keep […]

Instance and offset an animated FBX using GLSL in Touchdesigner – Part 2

In this two part tutorial we’re going to build a custom component in Touchdesigner that records an animated geometry file into a texture format. Then in the second part we are going to use GLSL to: 1. instance the model, 2. have the ability to offset the animation per instance and most important, 3. keep […]

Instancing with TOPs in TouchDesigner

This TouchDesigner tutorial covers instancing with TOPs through the creation of a “particle donut.” It’s at a beginner to intermediate level, with a more advanced section at the end touching on GLSL. Consider supporting me on Patreon! https://www.patreon.com/Polyhop There you can gain access to project files, help guide future topics and support the creation of […]

Interactive Blobular Fluid TOUCHDESIGNER TUTORIAL

These tutorials are made possible by the wonderful supporters on Patreon. Thank you all. Consider subscribing there to make more of these possible and to download the project files and more. I usually add some extra spice to the Patreon files. https://www.patreon.com/supermarketsallad —– Let’s look at some recursion, displacement, curl, and optical flow. —– @simondavidryden […]

Interactive particles & raymarching (SDF) geometry. TouchDesigner tutorial

Project files and links to all of mentioned resources – https://www.patreon.com/posts/43144103 Extra examples for Patreon supporters only – https://www.patreon.com/posts/43144301 Instanced particles interacted with a surface of raymarched geometry (signed distance function). How to combine two types of approach toward geometry rendering in one scene and make particles fly around SDF of bounce from it. Low-intermediate […]

Interactive Particles in 3D with TouchDesigner

Making 3D particle systems is pretty easy, and making interactive particle systems in 2D is pretty straightforward, but how can we make 3d particle systems that are still interactive? In this tutorial, I explore a simple method for 3d particle interaction using render picking on a single piece of geometry that I then use to […]

Intro to Custom CHOP C++ – Hugo Laliberte

Workshop: Introduction to Custom CHOP C++ Example Files: https://github.com/lachose1/wiimoteCHOP-cleanbase This workshop is an introduction to the world of C++ CHOP programmed specifically for TouchDesigner. At the beginning of this workshop participants will gain an understanding of the custom C++ CHOP example source code while reviewing its main accessible methods. Afterwards the group will review the […]

Intro to POPs: The New Operator Family in TouchDesigner

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 If you haven’t already heard, a new operator family is coming to TouchDesigner! Point Operators (POPs for short) are a new family of GPU-based operators […]

Introduction to GLSL – Markus Heckmann

Additional Files – https://goo.gl/VQFDKz An introduction to GLSL in TouchDesigner covering the basics of the language, some tips on porting shadertoy to TouchDesigner and a walkthrough of a simple particle system. This workshop was recorded at TouchDesigner Summit held in Berlin Feb 3-4 2018.

Introduction to GLSL in TouchDesigner : 1/8 Introduction and GLSL TOP overview.

Part 1/8 of the recording of the Introduction to GLSL in TouchDesigner workshop I taught at Brooklyn Research (https://brooklynresearch.org/) on July 14, 2018 Introduction and GLSL TOP overview. Support files for the workshop at https://derivative.ca/community-post/tutorial/introduction-glsl-touchdesigner

Introduction to GLSL in TouchDesigner : 2/8 UV manipulation in a GLSL TOP.

Part 2/8 of the recording of the Introduction to GLSL in TouchDesigner workshop I taught at Brooklyn Research (https://brooklynresearch.org/) on July 14, 2018 UV manipulation in a GLSL TOP. See Part 1 for support files

Introduction to GLSL in TouchDesigner : 3/8 Compositing with the GLSL TOP.

Part 3/8 of the recording of the Introduction to GLSL in TouchDesigner workshop I taught at Brooklyn Research (https://brooklynresearch.org/) on July 14, 2018 Compositing with the GLSL TOP. See Part 1 for support files

Introduction to GLSL in TouchDesigner : 4/8 Shapes in the GLSL TOP.

Part 4/8 of the recording of the Introduction to GLSL in TouchDesigner workshop I taught at Brooklyn Research (https://brooklynresearch.org/) on July 14, 2018 Shapes in the GLSL TOP. See Part 1 for support files

Introduction to GLSL in TouchDesigner : 5/8 Shadertoy conversion.

Part 5/8 of the recording of the Introduction to GLSL in TouchDesigner workshop I taught at Brooklyn Research (https://brooklynresearch.org/) on July 14, 2018 Shadertoy conversion. See Part 1 for support files

Introduction to GLSL in TouchDesigner : 6/8 Overview of the 3D pipeline

Part 6/8 of the recording of the Introduction to GLSL in TouchDesigner workshop I taught at Brooklyn Research (https://brooklynresearch.org/) on July 14, 2018 Overview of the 3D pipeline See Part 1 for support files

Introduction to GLSL in TouchDesigner : 7/8 Bend deformer for instances with the vertex shader

Part 7/8 of the recording of the Introduction to GLSL in TouchDesigner workshop I taught at Brooklyn Research (https://brooklynresearch.org/) on July 14, 2018 Bend deformer for instances with the vertex shader. See Part 1 for support files

Introduction to GLSL in TouchDesigner : 8/8 GLSL Particle System introduction

Part 8/8 of the recording of the Introduction to GLSL in TouchDesigner workshop I taught at Brooklyn Research (https://brooklynresearch.org/) on July 14, 2018 GLSL Particle System introduction 10/31/2019 update : added the example I’m showing at the end in the download at https://derivative.ca/community-post/tutorial/introduction-glsl-touchdesigner

JFA trick in Touchdesigner

In this, we build a Jump Flood algorithm using cones and a particle system that runs around the shape. There are plenty of glsl tools for this particular algorithm that are significantly faster, but I’m glad I found this approch. SDF components (glsl): https://github.com/DBraun/TouchDesigner_Shared/blob/master/TOPs/jump_flood_algorithm.toe https://forum.derivative.ca/t/sdf/10008 https://github.com/yeataro/TD_Voronoi Simon Alexander-Adams ‘Distance Map Displacement’ tutorial: .toe file (Patreon […]

Joy Division in Touchdesigner

here’s my take on the iconic album cover Unknown Pleasures. We use TOPs and SOPs for this algorithm. I really hope you like this. .toe file (Patreon exclusive): https://www.patreon.com/posts/76870933 Subscribe to this channel to get notified when I release new videos! You can support me on Patreon https://www.patreon.com/paketa12​​ or follow me on: https://www.instagram.com/paketa12​​ https://www.facebook.com/paketa12​

Julio Le Parc-style Generative Op Art in TouchDesigner – Tutorial

Get access to 120+ hours of TouchDesigner video training, a private Facebook group where Elburz and Matthew Ragan answer all your questions, and twice-monthly group coaching/mastermind calls here: http://iihq.tv/Trial Julio Le Parc is an Argentinian-born artist and sculptor whose work is often associated with the Op Art movement. Since the 1960s, Julio has created a […]

Kensuke Koike in Touchdesigner

here’s a quick tutorial for making Kensuke Koike shuffle UV. Also a little math for making ‘glassy’ surfaces on each grid cell. Kensuke Koike ‘The Myth of Asian American Identity.’ behind the scene : View this post on Instagram A post shared by Kensuke Koike 小池健輔 (@kensukekoike) .toe file (Patreon exclusive): https://www.patreon.com/posts/58104510 Subscribe to this […]

Kinect V2 and Touchdesigner: how to rig a character in Blender

How to control a 3D organic character mesh with a Kinect V2. This tutorial shows you the workflow how to rig a mesh in Blender, export it to fbx, import it in Touchdesigner and setting up the parameters of the Kinect chop to let the mesh actually follow your gestures and movements. IMPORTANT! The newer […]

Kinetic Typography: Sentence instancing with Touchdesigner – PART 1

In this first part of a multiple part tutorial series we are going to explore a concept we’ve called ‘sentence instancing’. This rather technical part will explore the fundamental steps you need to take for creating a tool where a user can input a sentence and iterate through different shapes and/or animation paths which this […]

Kinetic Typography: Sentence instancing with Touchdesigner – PART 3 – (1 of 2): Complex shapes

In this third part of this multiple part tutorial series we are going to show a couple of different approaches for creating, how we would like to call it, ‘animation shapes’. These can be done in Touchdesigner but we’re also using Blender for creating complex 3d models which will act as complex paths for the […]

Kinetic Typography: Sentence instancing with Touchdesigner – PART 3 – (2 of 2): Complex shapes

In this third part of this multiple part tutorial series we are going to show a couple of different approaches for creating, how we would like to call it, ‘animation shapes’. These can be done in Touchdesigner but we’re also using Blender for creating complex 3d models which will act as complex paths for the […]

Kinetic Typography: Sentence instancing with Touchdesigner – PART 4: Non-Kepler & OSX workaround

In this fourth part of this multiple part tutorial series we are finally showing our Non-Kepler gpu users and Apple Mac OSX friends, who regularly bump into an error which tells that ‘texture instancing is not supported’, a workaround to step into this tutorial series as well! It’s not very difficult to set it up […]

KOHUI X TDSW Create an audiovisual environment in a virtual space with Kohui

Kohui (Noto the talking ball) Website : www.kohui.xyz Instagram : https://www.instagram.com/ko_hui_/ Noto the talking ball – Patreon : https://www.patreon.com/notothetalkingball Noto the talking ball – Youtube : https://www.youtube.com/channel/UCSEsok1iU9ewEebdMAJmMVw?view_as=subscriber ■ Language 한국어 / 영어 (자막) Korean / English (subtitles) ■ Level 초급 / 중급 Beginner / Intermediate ■ Contents 본 워크샵에서는 고휘의 작업 프로세스를 따라가며 가상공간의 오디오비주얼 […]

latte art in Touchdesigner

this is my take on paper marbling done in TOPs, hugely inspired by Daniel Shiffman. I hope you like this method. Thank you massive. Coding Challenge 183: Paper Marbling Algorithm https://www.youtube.com/watch?v=p7IGZTjC008 The Mathematics of Marbling https://people.csail.mit.edu/jaffer/Marbling/Mathematics The SDF of a Line Segment https://www.youtube.com/watch?v=PMltMdi1Wzg .toe file (Patreon exclusive): … Subscribe to this channel to get notified […]

Lava Lamp Instances TOUCHDESIGNER TUTORIAL

These tutorials are made possible by the wonderful supporters on Patreon. Thank you all. Consider subscribing there to make more of these possible and to download the project files and more. I usually add some extra spice to the Patreon files. https://www.patreon.com/supermarketsallad —— a great resource and channel recommendation that I borrow a lot of […]

Level Up Your Studio with Stage Precision SP & TouchDesigner

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 Have you ever wanted to setup a high-end pro studio with Orbbec sensors, studio lighting, PTZ cameras, broadcast cameras, Stype camera tracking systems and have […]

Live-coding lindenmayer systems in Touchdesigner

Designing new plant systems. From wikipedia: An L-system or Lindenmayer system is a parallel rewriting system and a type of formal grammar. An L-system consists of an alphabet of symbols that can be used to make strings, a collection of production rules that expand each symbol into some larger string of symbols, an initial “axiom” […]

Live-coding lindenmayer systems in Touchdesigner

Designing new plant systems. From wikipedia: An L-system or Lindenmayer system is a parallel rewriting system and a type of formal grammar. An L-system consists of an alphabet of symbols that can be used to make strings, a collection of production rules that expand each symbol into some larger string of symbols, an initial “axiom” […]

Livecoding TouchDesigner in Javascript – Ulysses Popple

Workshop: Livecoding TouchDesigner Since the early 2000’s performers have been incorporating livecoding into their practices. In 2011, events that combined livecoding with dance and algorithmic music called algoraves emerged. Generally, livecoding involves improvising sound and video by programming on the fly. This practice has many practical applications in all sorts of creative coding work even […]