It all started while we were researching an article on future user interfaces. Touch interfaces are hardly futuristic at this point, but multi-touch hardware like the Microsoft Surface or the iPhone is just starting to become a big deal, and we decided to see what big things are going on in that field. What we found that surprised us the most wasn’t anything about the future of multitouch; it was about something that people are doing right now.
There is, it turns out, a whole community of very smart folks out there on the internet perfecting the art of building DIY multi-touch surfaces. The process isn’t exactly simple, but the results we saw were stunning: multitouch surfaces with responsiveness rivaling Microsoft’s $12,000 offering, built in a garage on a shoestring budget. “Future UI article be damned,” we thought, “we’ve gotta build one of these for ourselves.”
And so we did. We documented the whole process, from start to finish, so that you can try building one of your own, if you’re so inspired. We’re not going to claim to have done everything perfectly the first time, so think of this article as more of a build log than a definitive how-to. Still, we’re very pleased with how the table turned out. We’re so pleased, in fact, that we put together a video showing the table in motion. Check it out, and read on to find out how we did it!
First, some acknowledgments are in order. Virtually all the techniques used to create this table were discovered at the Natural User Interface Group website, which serves as a sort of repository for information in the multitouch hobbyist community. If you find the technology shown in this article interesting, you owe it to yourself to check out their forums, where you can participate in the development of multi-touch hardware and software.
The Theory
Before we can get into the actual, physical construction of the table, it’s important to understand just how it works.
There are several different ways to make a multi-touch surface, but we’ll focus on the one that we employed: the FTIR screen. An FTIR (short for Frustrated Total Internal Reflection) setup involves three vital components: a sheet of transparent acrylic, a chain of infrared LEDs, and a camera with an IR filter. The LEDs are arranged around the outside of the sheet of acrylic so that they shine directly into the thin side surfaces.
Once the IR light is inside the acrylic, it strikes the top and bottom surfaces of the acrylic at a near-parallel angle, and is subject to the effect known as total internal reflection. This causes it to be wholly maintained in the acrylic. This is a little tough to describe in words, so we’ve made a simple diagram:
The net effect of the setup described above is a sheet of acrylic full of internally reflecting infrared light. When a finger is pressed against the acrylic, it causes some of the light to be reflected down, through the acrylic and into the cabinet, where it is detected by the webcam. This effect, called frustrated total internal reflection is a little complicated, and involves something called an evanescent wave, but you don’t really need to understand why it happens, just that it does happen, as illustrated in this diagram:
The webcam, which has been modified to detect only infrared light, sees this reflected light as white spots on the screen; something like this:
From that picture, software running on a nearby computer extracts a map of where fingers have been pressed on the screen, and uses that data to control multi-touch applications.
The Screen
An FTIR multi-touch table’s screen is comprised of three basic components: The acrylic sheet, the LED lighting, and the projection surface. Each one requires a bit of work, so we’ll discuss them one by one.
The Acrylic
The foundation of the screen is the sheet of acrylic which serves as the medium for the infrared light. Why acrylic? Acrylic has several properties that make it a good fit for our project. First, it has the right optical properties, allowing for an excellent FTIR effect. Additionally, it’s lightweight, strong, and very clear (more so than glass).
We constructed our screen from a 24” X 30” X 3/8” acrylic sheet, which we bought at local plastics dealer TAP plastics. Acrylic can also be purchased on the web, although high shipping costs mean that it’s best to try and find a local plastics dealer. For a 24” X 30” sheet, 3/8” is thick enough to prevent any noticeable sagging in the sheet, even when firm pressure is applied to the middle of the screen. A larger screen would, of course, require thicker acrylic for stability.
Most acrylic comes with saw-cut edges, which are rougher and therefore more opaque. Because we wanted to shine infrared light into the acrylic from the sides, we needed to do something to guarantee a clear edge. We had two options:
1. Buy laser-cut acrylic. Most large plastics stores will have the capability to do this, though they generally charge extra. Because we here at Maximum PC always have our mind on our money and our money on our mind, we decided to go with option number 2:
2. Buy saw-cut acrylic, then polish the sides ourselves. To do this, we simply gave the edges a thorough sanding with 200-grit sand paper, then went back over each edge with Dremel rotary tool using the buffer attachment and a polishing agent. This certainly took a little while, and involved inhaling more acrylic dust than is probably healthy, but the result was a nice, clear edge.
This is a little bit old. Projectors are expensive, low resolution and low brightness. a good example of Multi Touch Screen Overlay for DIY TV conversion:
http://tabler.tv
Hi i am starting to make my own touch table flowing your steps but it will be different in size, (can you please tell me some stuff that i should worry and look out for before starting) also i have look in many websites but i couldn't find the IR LED you used please give me a different website that supplies your used IR LED, would this IR LED work
Description:
Forward Voltage: 1.3-1.6 V
Current: 20mA
Wavelength: 850nm
Power: 150mW
Viewing Angle: 30 degree
Emitting Light Color: Infrared ray
Diameter: 5mm
Total Length: Approx. 1.42 inch / 3.6 cm
Also i am thinking of using 1.5 or 2 cm thick acrylic, would there be a problem.
Thank you very much for your amazing article hope i achieve the same touch table as you and i will if i follow your steps :D
NSW maths syllabus is very useful when you need update or improve your knowledge.
NSW maths syllabus http://www.jaconline.com.au/engine.jsp?page=nsw-australian-curriculum-mathematics&portal=teachers
I'm trying to realize multitouch screen with using Acrylic glass covered with projection material (tracing paper) and IR LED strip that is sticking around the glass. I'm experiencing the problem http://www.spyphoneguy.com
http://www.androidspy.com
http://www.spyphoneguy.com
http://wwww.androidspy.com
http://www.iphonespyphone.com
http://www.cellspyreviews.com
I was surprised by the spending of influence by those listed? In actuality I would have expected it because all are interested in getting what they wanted never mind the consequences.
Very useful for me I will bookmark this for my future needed. thanks for a great source.
http://www.mainlandskateandsurf.com/c-59-SKATE-SHOP.aspx
thanks a lot for your valuable sharing,right from the beginning till end it was really very informative.I can witness the experience and steps you have taken to accomplish this wonderful work.
I am quite sure they will learn lots of new stuff here than anybody else!....There is also a lot of visual symbolism that is sometimes subtle, sometimes not so subtle..
http://shop.frostshoes.com/browse.cfm/ugg-bailey-button-triplet-atlantic-blue/4,3633.html
Thank you for the read. Honestly you covered the topic and broadly examined all areas. If i was to write this i would have done a few things differently myself but you have definitely inspired me to get into the world of blogging.
posicionamiento en google
I find it puzzling that the Chamber of Commerce would so blatantly ally themselves with abusive monopolies against their purported small business supporters.
Kinder spelletjes
thanks a lot for your valuable sharing,right from the beginning till end it was really very informative.I can witness the experience and steps you have taken to accomplish this wonderful work.
I know so a great deal a lot more about this than I did previous to. Your blog seriously brought some items to light which i never would have believed about ahead of reading through it
pos system | pos systems
They may participate directly in collaborative artifact production and promotion (such as can be found within the machinima community, for example). Just as importantly, a person can devote much of their energies to regularly visiting a site central
Thanks for such an interesting article here. I was searching for something like that for quite a long time and at last I have found it here.I thank you for taking your time sharing your thoughts and ideas to a lot of readers out there.Good job what you have!this article having a wonderful piece of information Admiring the time and effort you put into your blog and detailed information you offer!Please keep sharing and just please keep us update...
Confronta i prezzi degli hotel. Cerca e risparmia confrontando hotel e siti di prenotazione con una sola ricerca e trova la migliore offerta di internet
Really Excellent work i liked reading your post. i am very much impressed by your work and will visit again soon.step wise procedure really helped me.http://www.club009.net
Thanks for all the tutorials and explanations provided. We really appreciate. We are working on developing MT with Sony PS3 camera fallowing your instructions. We managed to Install touch Lıb and test PS3 camera with advised software.
However, I can not get a sign whether LED's get 12v and working and test whether they Camera sees IR lights? We will appreciate if you can kindly advise us.
Hello there I am so thrilled I found your webpage, I really found you by error, while I was researching on Digg for something else, Anyways I am here now and would just like to say kudos for a incredible post and a all round entertaining blog (I also love the theme/design), I don’t have time to read it all at the minute but I have book-marked it and also included your RSS feeds, so when I have time I will be back to read a lot more, Please do keep up the awesome job.
It's incredible how quickly technology like multi-touch surface computing is becoming accessible to the population. It allows designers a new scope to create interfaces to interact with users. It enables people to find oil change coupons with just the touch of a screen.
As much as three quarters of hospital staff are usually burdened with some sort of billing-related work in a traditional billing system. Opting for electronic medical billing solutions (ones that come with free EMR plans) that fit easily into the healthcare business' workflow are key to freeing up staff resources. Physicians Billing ServicesMedical Billing Services
Technolgy that is wonderful The Theory You Mention Above I Agree with All Point Good to See Still There Are Some Programmer who are working on this project Microsoft offering a good amount definatly
Thanks for doing this detailed guide. The only thing I'd love to see is a big parts list and prices. Also, I wonder if there is a market for custom touch screen tables like this? I suppose a few people would buy one, probably not anyone looking for a budget gaming pc though.
I thought this peice was great! Really big help! I'm trying something similar at home; except I am installing a multitouch panel onto a monitor then installing it into a coffee table. Should be great! Thanks a lot!
Excellent publish from specialist also it will probably be a fantastic know how to me and thanks very much for posting this useful data with us all. cna classes
This is a great inspiring article.I am pretty much pleased with your good work.You put really very helpful information. Keep it up. Keep blogging. Looking to reading your next post.fotocameraZoekmachine optimalisatiechalet
As much as three quarters of hospital staff are usually burdened with some sort of billing-related work in a traditional billing system. Opting for electronic medical billing solutions (ones that come with free EMR plans) that fit easily into the healthcare business' workflow are key to freeing up staff resources. Physicians Billing Services|Medical Billing Services
There is, it turns out, a whole community of very smart folks out there on the internet perfecting the art of building DIY multi-touch surfaces. The process isn’t exactly simple, Essay Help but the results we saw were stunning: multitouch surfaces with responsiveness rivaling Microsoft’s $12,000 offering, built in a garage on a shoestring budget. “Future UI article be damned,” we thought, “we’ve gotta build one of these for ourselves.”
I admire the way you express yourself through writing. Your post is Such a refreshing one to read. This is an interesting and informative Such article to share with others ..
Wow, very cool... would you mind writing a follow up post to this? Curious to see if you've experimented any further, or gained any other insights since building this. ITIL Training
I'm trying to realize multitouch screen with using Acrylic glass covered with projection material (tracing paper) and IR LED strip that is sticking around the glass. I'm experiencing the problem - IR camera doesn't see position of my fingers placed on the projection material, however it sees my fingers w/o this tracing paper (on bare acrylic glass). My conclusion is that tracing paper blocks IR. For now I don't use any compliant surface. Do you think that adding compliant surface would help ?
Very cool hardware project. Most OS platforms have support for multi-touch now so it's getting easier. Since, I assume your using Windows XP and the Touchlib library. X.org has added MPX support so it should be supported on most Linux distributions in the future. I've learned a lot from this post. Will be coming back for updates. Thanks for sharing..