Torin Blankensmith
Torin Blankensmith
  • 57
  • 470 543
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 with other objects, soft shadows, and the ability to easily scale the objects up and down in TD.
The new plugin also features support for Josef Pelz's T3D operators.
Link to Shader Park: shaderpark.com/
Link to Download the plugin: github.com/shader-park/shader-park-touchdesigner
Beginner Tutorial Series: ua-cam.com/play/PLgfxkm9xFocbc6wiO3A8vXalP4K57yUKo.html
Josef's Patreon for T3D: www.patreon.com/JosefPelz
Pete’s youtube: www.youtube.com/@peterwhidden
Pete’s Github: github.com/PWhiddy
Torin's Patreon: patreon.com/blankensmithing
0:00 Overview and Examples
3:28 Getting Started with the Plugin
6:32 Overview of Signed Distance Fields
9:38 Uniforms | Bring External Inputs into the Shader
11:55 Changing Lighting Properties
13:53 Using T3D with Shader Park
Переглядів: 3 690

Відео

Easily Train Pose, Image, & Audio Detection AI in TouchDesigner (No Code): Teachable Machine Plugin
Переглядів 4,7 тис.5 місяців тому
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: www.patreon.com/blankensmithing Link to Teachable Machine: teachablemachine.withg...
Text-to-Speech ElevenLabs Plugin for TouchDesigner + Whisper, ChatGPT, and MediaPipe Integration
Переглядів 3 тис.6 місяців тому
In this tutorial, you'll learn how to use the new ElevenLabs text-to-speech plugin for TouchDesigner. We'll also walk through a project creating a voice-activated 3D talking character by integrating Whisper for speech-to-text, ChatGPT for generating dialogue, ElevenLabs for text-to-speech, and MediaPipe for motion tracking to create an interactive experience. Link to project file Plugin on Patr...
Hand Tracking in TouchDesigner with MediaPipe - TouchDesigner Beginner Tutorial
Переглядів 9 тис.10 місяців тому
Hand Tracking in TouchDesigner with MediaPipe - TouchDesigner Beginner Tutorial
Free Motion Tracking plugin for TouchDesigner: Face, Hand, Pose Tracking with MediaPipe Plugin
Переглядів 54 тис.Рік тому
Free Motion Tracking plugin for TouchDesigner: Face, Hand, Pose Tracking with MediaPipe Plugin
Tutorial 2/3 - Audio Reactive & Motion Controlled Visuals in TouchDesigner
Переглядів 13 тис.Рік тому
Tutorial 2/3 - Audio Reactive & Motion Controlled Visuals in TouchDesigner
Tutorial 1/3 - New Body Tracking Plugin for TouchDesigner - No Kinect Needed
Переглядів 24 тис.Рік тому
Tutorial 1/3 - New Body Tracking Plugin for TouchDesigner - No Kinect Needed
GPT-4, ChatGPT, and Whisper(speech-to-text) Plugins for TouchDesigner
Переглядів 14 тис.Рік тому
GPT-4, ChatGPT, and Whisper(speech-to-text) Plugins for TouchDesigner
Video to Video AI Style Transfer with Stable Diffusion and Keyframing in TouchDesigner - Tutorial
Переглядів 11 тис.Рік тому
Video to Video AI Style Transfer with Stable Diffusion and Keyframing in TouchDesigner - Tutorial
Create Audio Reactive Shaders With Three.js and Shader Park
Переглядів 13 тис.Рік тому
Create Audio Reactive Shaders With Three.js and Shader Park
Audio Reactive Animations with Stable Diffusion and TouchDesigner - Tutorial 3
Переглядів 37 тис.Рік тому
Audio Reactive Animations with Stable Diffusion and TouchDesigner - Tutorial 3
Web GUI for TouchDesigner - Component & Beginner Tutorial
Переглядів 10 тис.Рік тому
Web GUI for TouchDesigner - Component & Beginner Tutorial
Generate AI Images with Stable Diffusion + Audio Reactive Particle Effects - TouchDesigner Tutorial
Переглядів 22 тис.Рік тому
Generate AI Images with Stable Diffusion Audio Reactive Particle Effects - TouchDesigner Tutorial
TouchDesigner Tutorial - Generate AI Images with Stable Diffusion using Image-to-Image Generation
Переглядів 49 тис.Рік тому
TouchDesigner Tutorial - Generate AI Images with Stable Diffusion using Image-to-Image Generation
Tutorial 2 - Shader Park Beginner Course : Space Modifiers, Noise & Reusable Custom Geometries
Переглядів 3,7 тис.2 роки тому
Tutorial 2 - Shader Park Beginner Course : Space Modifiers, Noise & Reusable Custom Geometries
Body Tracking with No Kinect in TouchDesigner 2022
Переглядів 18 тис.2 роки тому
Body Tracking with No Kinect in TouchDesigner 2022
Tutorial 5.1 BONUS - Use the Table DAT with Python. Control TD with a Website using WebSockets
Переглядів 2,1 тис.2 роки тому
Tutorial 5.1 BONUS - Use the Table DAT with Python. Control TD with a Website using WebSockets
Tutorial 6 - Send & Receive Messages from a Website. Control TD with a Website using WebSockets
Переглядів 3,4 тис.2 роки тому
Tutorial 6 - Send & Receive Messages from a Website. Control TD with a Website using WebSockets
Tutorial 5 - Receiving a WebSocket Message in TD. Control TD with a Website using WebSockets
Переглядів 3,1 тис.2 роки тому
Tutorial 5 - Receiving a WebSocket Message in TD. Control TD with a Website using WebSockets
Tutorial 4 - Send Data from TD to a Website. Control TouchDesigner with a Website using WebSockets
Переглядів 4,8 тис.2 роки тому
Tutorial 4 - Send Data from TD to a Website. Control TouchDesigner with a Website using WebSockets
Tutorial 3 - Testing with WebSocket King. Control TouchDesigner with a Website using WebSockets
Переглядів 4,8 тис.2 роки тому
Tutorial 3 - Testing with WebSocket King. Control TouchDesigner with a Website using WebSockets
Tutorial 2 - Host a Free WebSocket Server on Heroku. Control TD with a Website using WebSockets
Переглядів 6 тис.2 роки тому
Tutorial 2 - Host a Free WebSocket Server on Heroku. Control TD with a Website using WebSockets
Tutorial 1 - Intro & Overview of WebSockets. Control TouchDesigner with a Website using WebSockets
Переглядів 9 тис.2 роки тому
Tutorial 1 - Intro & Overview of WebSockets. Control TouchDesigner with a Website using WebSockets
Shader Park Plugin for TouchDesigner & A Rendering Workflow
Переглядів 7 тис.2 роки тому
Shader Park Plugin for TouchDesigner & A Rendering Workflow
Tutorial 1 - Shader Park Beginner Course : Core Primitives & Coloring
Переглядів 4,8 тис.2 роки тому
Tutorial 1 - Shader Park Beginner Course : Core Primitives & Coloring
Background Removal and Custom Webcam Effects: TouchDesigner Tutorial. Mac + PC
Переглядів 9 тис.2 роки тому
Background Removal and Custom Webcam Effects: TouchDesigner Tutorial. Mac PC
Audio-Reactive Visuals in TouchDesigner
Переглядів 71 тис.2 роки тому
Audio-Reactive Visuals in TouchDesigner
Link up Web Midi Instruments to your DAW of Choice
Переглядів 5776 років тому
Link up Web Midi Instruments to your DAW of Choice

КОМЕНТАРІ

  • @rudybutler9729
    @rudybutler9729 День тому

    Absolute Legends!!! As a Mac user, i've been tearing my hair out trying to get motion capture to work in TD beyond just a standard camera input.

  • @KeyFur_NYC
    @KeyFur_NYC 2 дні тому

    I know it is possible as anything with the correct knowledge and determination can be accomplished however, I am still pretty new to touch designer but I have ideas. Does someone happen to know how to utilize media pipe facial landmarks or any other touch designer tool to map a projected image to a persons face. I want to project fractal videos or even just a splash of color onto a mask I would be wearing while DJ'ing so I would be moving a little but not like running around a room. So i'm just trying to figure out how to map a video out source from a projector. Does anyone have any suggestions to accomplish this? Please and thank you.

  • @onpoint4637
    @onpoint4637 2 дні тому

    Thank you so much, this is brilliant

  • @danielpalza6252
    @danielpalza6252 3 дні тому

    thanks for the video! It was very useful for a new project, I'm just having the problem that the audioAnalysis comp works well with an audio file in, but it is not recognizing any of the audio from an audio device in, do you know what I might be doing wrong?

    • @blankensmithing
      @blankensmithing 2 дні тому

      Hey just drag in the new audioAnanysis from from the palette and make sure to turn on the toggle for the different channels you want. In the newest version some analysis is turned off by default

  • @yuxinnan7920
    @yuxinnan7920 3 дні тому

    Awesome!!!! Thank you so much, so clear and so helpful!

  • @StevenGSamuel
    @StevenGSamuel 4 дні тому

    Hi. I am doing something similar. But in my websocket DAT. There are actually 2 values. One for x and y. How could I seperate both and convert to numerical. They are currently 1 string value.

  • @Alexxi-generativeartist
    @Alexxi-generativeartist 5 днів тому

    Hi, I want to ask a question that I have never been able to solve. Why does Mediapipe become unusable and report an error every time I restart? I need to delete and reload it before it can be used normally?

  • @StevenGSamuel
    @StevenGSamuel 7 днів тому

    Is the plugin available for free or do I have to subscribe to the patreon?

  • @VANCRACKICE
    @VANCRACKICE 9 днів тому

    legend mitico

  • @AtelieristaMHP
    @AtelieristaMHP 10 днів тому

    thank you for this amazing tutorial, in my case I'm using particlesGPU for one hand to manipulate images. I don't see how to enable several hands of different people in the same time. it only works with one hand at. a time. is there a setting I can change that? thanks

  • @AtelieristaMHP
    @AtelieristaMHP 10 днів тому

    I am trying to make particlesGPU react to several hands in the same time, but it doesn't seem to work, only with one hand at a time. is there a setting I can change that?

  • @eliyahumedia
    @eliyahumedia 11 днів тому

    Incredible!

  • @OzanTezvaran
    @OzanTezvaran 12 днів тому

    This looks amazing, cannot wait to check it!

  • @JoshuaCherian-j1p
    @JoshuaCherian-j1p 12 днів тому

    Can you make a tuotiral on this?

  • @unijascha3005
    @unijascha3005 17 днів тому

    I upload the html, css and js files on netlify and it works perfect.

  • @unijascha3005
    @unijascha3005 17 днів тому

    Nice digga

  • @marcellowzy
    @marcellowzy 17 днів тому

    nice video thx a lot! I'm curious if there is a "video device in" in this project? This way I can share it with other effects on the same input

  • @knast7093
    @knast7093 18 днів тому

    Hey guys, first of all: huge thank you for sharing and working on this - This is soo sick! Everything is working as intended for me (2023 version of TD) But I want to overlay the image segmentation with my original webcam-in and I'm having issues with it just showing a 'black screen'. Even if I try with the SpoutCam I get a black screen or saying 'No Active Sender Found'. I hear that you have to use TD 32bit version for SpoutCam to work, but is that true? Maybe there's a way to get the camera and the image segmentation out on the same time to composit or overlay the two? All the best.

  • @SuzanaLascu
    @SuzanaLascu 27 днів тому

    regardless of tweaking this patch, I still get tons of black grain on the last null... is it because I'd need a commercial license for that particles_gpu object or is my i9 chip not up to the task of rendering it?

  • @Zhu3-33
    @Zhu3-33 27 днів тому

    What a LEGEND

  • @quanminh8382
    @quanminh8382 28 днів тому

    thank for sharing brother !

  • @aurorahu6867
    @aurorahu6867 29 днів тому

    Why it tooks me so much times to downloading models

    • @blankensmithing
      @blankensmithing 29 днів тому

      @@aurorahu6867 once they are downloaded they are saved in the component, so you only need to do it once

  • @nataliascuzarello2986
    @nataliascuzarello2986 Місяць тому

    Excelent tutorial!!!!!!!!!!!!!! ty very very much!!!

  • @CasparLootsmann
    @CasparLootsmann Місяць тому

    Amazing visual art, truly thought-provoking, deep, and mesmerizing. Thank you! Your work has guided my journey through TouchDesigner and interactive art, from exploring light and visuals to embarking on new projects on the horizon.

  • @jagvalverde
    @jagvalverde Місяць тому

    According to the workflow logic of my project, I would need the image input to be a pre-recorded video, but without using OBS, only using TouchDesigner. Would that be possible? I want to create different automations with different videos, and I don’t think OBS will allow me that configuration. I have no words to express my gratitude for your contribution. It’s incredible. Thank you so much.

    • @blankensmithing
      @blankensmithing Місяць тому

      @@jagvalverde OBS will allow you to get video input into the MediaPipe component. Connect your video from within TD to a Spout/Syphonout TOP. In OBS pick up that video feed and turn on the virtual camera. Your video will now show up as a webcam device for MediaPipe. (I wish we could just connect a TOP to MediaPipe)

  • @TurtleTimeTraveller
    @TurtleTimeTraveller Місяць тому

    THANK YOU! 🙌

  • @mitchellrcohen
    @mitchellrcohen Місяць тому

    Thank you!

  • @mitchellrcohen
    @mitchellrcohen Місяць тому

    This stuff is so beyond cool and the website editor looks so nice. Thank you.

  • @tdandcatlover
    @tdandcatlover Місяць тому

    This looks really cool!

  • @Angel-rz1ev
    @Angel-rz1ev Місяць тому

    possible to remake this without POP's ?

    • @blankensmithing
      @blankensmithing Місяць тому

      @@Angel-rz1ev possibly, but the trail pop made it super easy to create the lines

  • @mitchellrcohen
    @mitchellrcohen Місяць тому

    Thank you so so so much

  • @mitchellrcohen
    @mitchellrcohen Місяць тому

    Woah

  • @sseyyo_
    @sseyyo_ Місяць тому

    This is absolutely amazing. Thanks so much for sharing!!!

  • @HarryStemmer
    @HarryStemmer Місяць тому

    Is it possible to use ndi directly as input

  • @KeyFur_NYC
    @KeyFur_NYC Місяць тому

    I love your tutorials and thank you for Mediapipe. I have just really started diving into touch designer. Ive been doing projection mapping and lighting design for sound reactive pieces but Ive been really wanting to learn more with interactive mapping projects so this has been a great starting point. I have an idea in mind that I'm pretty sure I can use media pipes facial tracking and facial landmarks feature to accomplish. Not asking for a tutorial or anything on it although something along the lines of it would be awesome, but I did want to see if there is any documentation that kind of would help with this concept. I want to do projection mapping onto a mask Id be wearing and have the facial tracking keep the visual (be it a noise or just projected video content or any thing to get started) on the mask even as I move. I just started thinking about it so I am sure there is someone who has already done it and there must be documentation but I thought Id ask here first. But regardless I very much appreciate your channel and I will like and subscribe and share your videos for now but once I am able to support your patreon page I will as you have some great additional content on there.

  • @Luigih12
    @Luigih12 Місяць тому

    I tried a lot but cant get it to work. I always get this error: /project1/MediaPipe (Parameter menusource: Webcam) Traceback (most recent call last): File "/project1/MediaPipe", line "tdu.TableMenu(me.findChildren(name='webcam_menu')[0])", My camera works and i can use it with videodevicein

  • @lematchafrappe
    @lematchafrappe 2 місяці тому

    AWESOME

  • @JBroadway
    @JBroadway 2 місяці тому

    Bro is playing TouchDesigner ranked 🔥

  • @arthoefmann
    @arthoefmann 2 місяці тому

    Can I just say this is brilliant work, thank you so much for making it accessible, as an artist and designer working and exploring touchgdesigner tools like these make it so much easier and more fun to learn and experiment!!

  • @DamienOMalley
    @DamienOMalley 2 місяці тому

    This is beyond useful. Thank you so much for showing it.

  • @nicolaseastland1447
    @nicolaseastland1447 2 місяці тому

    I really love this. Super cool

  • @nazzout
    @nazzout 2 місяці тому

    Thank you so much for this! This was so much fun!

  • @grapessyrop6755
    @grapessyrop6755 2 місяці тому

    i dont why but its not working for me. it has a giant red X o the computerrender. i have the 2023 touchdesigner and it seems to be the latest version. so what is wrong?

  • @ameenulinsan
    @ameenulinsan 2 місяці тому

    Let's goo POP

  • @ameenulinsan
    @ameenulinsan 2 місяці тому

    Crazy good

  • @tsiwt
    @tsiwt 2 місяці тому

    Quick question, if I use the Whisper Component and only connect it to stable diffusion do I still need to pay for OpenAi subscription? or can I use it unlimited for free?

    • @blankensmithing
      @blankensmithing 2 місяці тому

      @@tsiwt in order to use whisper you need an API key from Open AI, so you'll be charged based on your usage

  • @woosung__k
    @woosung__k 2 місяці тому

    Incredible bro!!

  • @oligest4lt
    @oligest4lt 2 місяці тому

    This has been an amazing plugin to work with! I was wondering if there's a simple way to get the finger point tracking coordinates to reset to the centre of the screen when they are not visible? Currently they go to 0,0 in the bottom left so it constantly pulls anything I have mapped to it to this point if it can't see the intended finger. Thanks!

  • @scrattyrat
    @scrattyrat 2 місяці тому

    Great set of tutorials thankyou! I have a signature box on my glitch website that people can sign on an ipad, is it possible to send an image of the signature over wesockets into TD and get it into a Top? Thanks

  • @timlfk
    @timlfk 2 місяці тому

    Such a simple network yet very effective. Great tutorial, thank you!