TouchDesigner Tutorial: Hand-Tracked Interactive Orbit Gallery (Easy)

In this TouchDesigner tutorial, we learn how to translate physical hand gestural metrics into precise geometric rotations using The Tracker and MediaPipe. We utilize Math CHOP and Limit CHOP to process motion data, applying spatial grouping via the Group SOP to isolate specific vertices for a custom orbit gallery interface. The system leverages 3D Instancing, Replicators, and Python formatted strings to create a dynamic, interactive UI that responds to real-time hand tracking. Download the fully Project File on Patreon. Collaborator Instagram: @giuliav.0 Get This Project File Here ⇨   / giuliav0   Resources ◼️ Project File: ⇨ https://okamirufu.com/go/projects?utm... ◼️ TouchDesigner Courses: ⇨ https://okamirufu.com/go/skool?utm_so... ◼️ Free VJ Packs ⇨ https://okamirufu.com/go/freevj?utm_s... ◼️ Creator Tools Mentioned (The Blobs, Mesher, Tracker & More): ⇨ https://okamirufu.com/go/webapps?utm_... ◼️ Ultra Bundle (Secret Inside): ⇨ https://okamirufu.com/go/ultra?utm_so... ● - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ● TIMECODE 00:00 Introduction and Overview We learn to translate hand gestural metrics into precise rotations. The workflow uses MediaPipe with CHOPs and spatial grouping. 00:37 Network Structure Review the main POP sections and the 3D instancing logic. We breakdown how geometry and textures are dynamically mapped. 01:22 The MediaPipe Tracker Explore the hand and face tracking web app connection settings. Verify the websocket port and source input for your video feed. 02:37 Motion Control Setup Configure the right hand index tip for rotation mapping. Use math and limit CHOPs to smooth the gestural output data. 03:44 Geometry and Vector Points Create a circle POP and modify primitive connectivity for points. Reference the right hand rotation to drive the Y-axis transform. 05:43 Spatial Grouping Logic Isolate specific vertices using point position logic and ranges. Modify the front half of the dial using the AND operation. 11:24 3D Instancing and Rendering Activate instancing with the geometry comp and the instance DAT. Map the point scale and rotate vector attributes to the textures. 14:52 Final Rendering and Compositing Apply camera settings and background colors to the render TOP. Composite the final UI design with the original camera feed. ● - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ● Connect ◼️Patreon ⇨ https://okamirufu.com/go/patreon?utm_... ◼️Instagram ⇨ https://okamirufu.com/go/instagram?ut... ◼️TikTok ⇨ https://okamirufu.com/go/tiktok?utm_s... ◼️Pinterest ⇨ https://okamirufu.com/go/pinterest?ut... Subscribe to Stay Updated on Future Tutorials Stay Strong & Make Art #touchdesigner #creativeposter #posterdesign #realtime #generativeart