3 Simple Ways to
Share What You Make

With Instructables you can share what you make with the world — and tap into an ever-growing community of creative experts.

PhotosPhotos

Share one or more photos of a project, recipe, or whatever you've made, quickly and easily.

Step by StepStep-By-Step

Share your step-by-step photos with text instructions of what you made so others can do it too!

VideoVideo

Share your how-to video. You'll need your embed code from a video site such as YouTube.

Mini-Multitouch Interface

Step 8Set up vvvv toolkit and play!

Set up vvvv toolkit and play!
This final step describes the software setup used to interact with your multitouch display.

Now it's time to start using your new mini-multitouch system! The easiest way to start is to work using the 'vvvv' graphics toolkit. The vvvv toolkit is available freely, for non-commercial uses. Unfortunately, because it is based on Microsoft's DirectX software (for speed), vvvv is only available for Windows. Our apologies!

To obtain a copy of the vvvv toolkit, go to the vvvv vvvv download page and unzip the package to a directory of your choice (I recommend c:\Program Files\vvvv as the prefect place).

vvvv has no install or setup program, you simply run vvvv.exe when you want to run vvvv. You will see a swaying tree demo by default upon running vvvv - this is where you can launch the tutorial and get a feel for what vvvv is capable of, and what it can be used for. We recommend starting with this tutorial! And, a bit of troubleshooting advice: if you get a 'dll error' when you try to run vvvv.exe, you probably need to upgrade DirectX on your machine to version 9.0c or newer.

Once you have run through the vvvv tutorial, follow the links below and do the first two (short) vvvv tutorials before continuing. The vvvv Tutorial Introduction and the Hello World Tutorial will teach you most of the basic skills you need for using vvvv, and are very highly recommended.

Once you've run those two tutorials, you have one last step before experiencing mini-multitouch magic! It's time to check that your webcam is working with vvvv. You can test whether or not vvvv automatically detects your webcam using the vvvv VideoIn Tutorial. This tutorial comes with instructions on how to test your webcam in vvvv: follow these instructions! Before going on to the final step, use the VideoIn Tutorial to make sure that you are getting images and that your camera is generally working with vvvv properly. If your camera is not working with vvvv, go to the vvvv forums and seek help with setup and configuration.

If you have gotten this far, you finally have all of the pieces working, built, and installed: it's time for the payoff. Download the Touch_demo_3.v4p file and robot_image.jpg (located at the bottom of this Instructables page) to your desktop: these two files are a simple mini-multitouch demo we created based on the hardware setup you've just built. If you already have vvvv running, you can run Touch_demo_3.v4p just by clicking on it. In Touch_demo_3, like in VideoIn Tutorial, just connect the VideoIn connector to run the program.

After connecting up the VideoIn, you should see two display windows in the vvvv user interface: one window will display the infrared 'blobs' that are emitted when you put pressure on the touchsurface, and the other window shows a video feed, where each blob has been replaced by an image (robot_image.jpg - the file you downloaded a few paragraphs back). You may want to start tinkering with vvvv and your mini-multitouch by replacing our robot image with an image of your own choosing, by editing the Image node in the vvvv interface.

Another troubleshooting note: if the window displaying the infrared 'blobs' appears all-black or all-white whether you are touching the touchsurface or not, change the threshold levels in input pin 2 on the Contour node of the vvvv interface (for this step, we assume you've done the vvvv tutorials, and both know where the Contour node is, and how to change the threshold. If you do not, go back and complete the tutorial!). Since vvvv runs in real-time, you can see your changes take place in the display windows immediately. This makes for quick and fun experimentation (hint, hint)!

'Tada! You now have a mini-multitouch interface. You can manipulate those infrared 'blobs' in your vvvv display to behave in myriad ways: the outputs from the vvvv Contour node give you all sorts of great 'blob' data to use in creating your own mini-multitouch toys.

« Previous StepDownload PDFView All StepsNext Step »
9 comments
Jul 15, 2009. 10:34 PMhoratio cheng says:
the idea of this project is to allow the webcam to see the infrared light right? so could i just make a stick that emit infrared light ratter than make the screen?
Nov 8, 2009. 9:10 PMsystemic_anomaly says:

short answer - yes.

one problem - working out how your going to hold multiple IR-emitting pens in one hand. this of course opens up the possiblility for a multi-touch display without an actual box. you could simply wave the pens around in the air in front of an IR camera, and have the pointers show on a monitor.
 

Feb 12, 2010. 10:53 AMSpypro says:
You can create a glove with ir leds on it, and position the camera so it will react only to some distance in the space (so you can use shut them down like click, or make an button that shut downs the led's when you fully straignten the finger, every one of them, or when you bend them to certain degree. :)
Sep 4, 2009. 12:57 AMearl_kim says:
nice work! but it couldn't download example patch anymore. anybody has it email me that?
May 29, 2008. 4:32 PMfangtastic says:
the download is working it's just being renamed weirdly, right click and do a 'save link as' or whatever your browser has as a similar option.

it will then give the file name as 'FH1S374F3KMNVOY.tmp' just go ahead and save to the desktop, or note where you saved it to.

when its downloaded just rename it to Touch_demo_3.v4p and you should be good to go :-)

Also many thanks for the instructible it's fascinating how many ways people are going about this, I had contacted a london based company that specialises in bar's to try and buy their system but their customer service has been so poor, I decided to research further and found this and many other far more exciting ideas. It's not so difficult and I'll get exactly what i want, so now instead of buying I'm going to build!!!

I'm off to the shed, and I won't be back till breakfast :-D
Oct 19, 2007. 12:29 AMnuiman says:
Check out http://nuigroup.com to learn more :) great tutorial thanks!
Jul 3, 2007. 6:01 PMtrigstig says:
just found this site, i too tried to download your file and got the white screen been trying to get to grips with VVVV for a long time simply to make one of these screens , would be great if you did make the file available if pos. cheers FarMcKon
Jul 3, 2007. 4:46 PMFoster says:
nice tutorial! anyway, i was trying to download the file, but clicking on the link only sends me to a white page... what am i doing wrong?

Pro

Get More Out of Instructables

Already have an Account?

close

All Steps Viewing
View all steps of an Instructable on the same page when you're a Pro Member.

Upgrade to Pro today!
4
Followers
1
Author:FarMcKon