Building a Kinect Drawing Program 🎨 🖌 - Another TouchDesigner Tutorial

In this video, we’ll work through creating a Kinect-based drawing program within TouchDesigner. The final program will include a variety of Kinect driven functions, including drawing, erasing, cursor movement, changing the draw color, and clearing the screen. We’ll also look at adding a user interface that gives important visual cues to help the user navigate and operate the program.

Tag your images/videos with the hashtag #anothertdtutorial if you give this technique a shot, so that we can all see the results – looking forward to seeing what you create with this method!


——————

00:00 Intro, Network Overview
04:30 SOPs, Render Pipeline, Instancing
07:53 Adding UI Elements
22:40 TOP Feedback Network Explanation
24:25 Building TOP Feedback Network
30:08 Adding Control w/ Kinect CHOP
34:47 Cursor Control
45:30 Color Control
51:10 Initial Erase/UI CHOP References
54:52 Erase/Draw Mode
1:01:02 Move Mode
1:07:25 Clear Function
1:09:45 Mode Text UI Element
1:12:45 Mode Switching Bar UI Element
1:20:07 Improving Color Selection Triggering
1:23:26 Color Set Bar UI Element
1:29:39 Closing Comments, Outro

——————

If you have any questions as you implement this technique, feel free to reach out.

——————

IG: @jackdilaura
  / jackdilaura