Tutorial 1 – Intro & Overview of WebSockets. Control TouchDesigner with a Website using WebSockets

Hey! In this beginner series, we’ll go over how to use WebSockets to control TouchDesigner with a website in real-time and vice versa. We’ll cover step by step how to implement everything from scratch. We’ll also cover some programming concepts assuming little to no experience with programming.

In this tutorial, we’ll go over high-level how WebSockets work and how we’ll use them to communicate between our website and TouchDesigner.

The final component that we’ll create in TouchDesigner is available for download on my Patreon: https://patreon.com/tblankensmith.

Link to the tutorial on doing real-time body tracking in TouchDesigner 2022 without needing a Kinect: https://youtu.be/DpGHWa2gOcc

The website shown in the video is open-sourced and available for free here: https://glitch.com/edit/#!/websocket-td-example. If you make a login you can ‘remix’ the website and have your own version available for use.

0:00 Intro
1:36 Overview of WebSockets