Randomly display images based on movements detected by webcam.

Hello everyone,

I’m creating an interactive installation with TouchDesigner as part of a final year project.

My aim is to make an image (or a set of images) appear when a person moves in front of the webcam. However, I don’t yet have the technical know-how to find and implement the solution myself.

Would you have a clear idea of how to do it step by step, or a YouTube tutorial to recommend?

Thank you in advance for your help. :folded_hands:

Hi @Dylan.b

As a first step have a look at our curriculum at learn.derivative.ca for a good introduction into the principles behind TouchDesigner.

Next check the Mediapipe component by @blankensmithing GitHub - torinmb/mediapipe-touchdesigner: GPU Accelerated MediaPipe Plugin for TouchDesigner for some easy camera interaction.

Also you might require to describe the idea a bit more. What motion will trigger what on screen - like how are images places on the screen. Is it a single image and whenever somebody moves it changes?
Often by describing the project in detail, you will uncover the steps needed to create it.

cheers
Markus

One aspect I keep stressing is separating the controls from the display. In other words, figure out what you’re going to display, make some custom parameters on that COMPonent, and manually adjust a parameter to make different images display. Validate for yourself that you the images display, regardless of how they’re told to show up.

Then the second aspect is to make a COMPonent called ‘Controls’. This COMPonent would have the machinery inside it to figure out what user interaction is happening, and translate that into a signal (often a pulse) for the Displays COMPonent to react to.

Keeping the two worlds separate like this makes debugging your workflow much easier.