You are here: Startseite How To Multi-Touch Tutorial Schritt 1: Technisches Konzept

Schritt 1: Technisches Konzept

Tags
Backlinks
» Tags: "Schritt 1: Technisches Konzept" is tagged as » Backlinks: These Wikipages link to "Schritt 1: Technisches Konzept"

Multi-Touch-Tisch
Multi-Touch-Tisch aus Spanplatte ausgekleidet mit reflektierender Silberfolie

Als Form für ein MT-Gerät bietet sich eine Tisch- bzw. Kastenform an. Man erhält eine große Fläche zum Bespielen und kann im Idealfall sämtliche Technik geschützt im Tisch unterbringen.
Der hier beschriebene MT-Tisch erkennt Benutzerinteraktion auf seiner Oberfläche mit Hilfe einer Kamera (und Software, aber dazu später). Diese Kamera ist innerhalb des Tisches befestigt und filmt durch eine halbtransparente Deckplatte. Auf die Deckplatte projiziert ein Beamer ebenfalls von innerhalb des Tisches das Bild.

Farbspektrum
Das Lichtspektrum


Damit die Software im Kamerabild nicht Bewegungen in der Projektion mit Berührungen auf der Tischplatte verwechselt, muss man diese zwei Aspekte von einander trennen. Anstatt die Kamera sichtbares Licht, also auch die Projektion, filmen zu lassen, wird Licht aus dem Infrarotbereich gefilmt. Dazu kommt auf die verwendete Kamera ein Tageslicht-Filter (auch Infrarot-Filter), dass heißt der Filter wird nur noch Licht im Infrarotbereich durchlassen. Damit die Kamera genügend infrarotes Licht zum Filmen hat, braucht man eine Lichtquelle die infrarotes Licht erzeugt.
Man leuchtet also aus dem Tisch heraus durch die Tischplatte, wenn dann jemand seinen Finger auf die Platte legt wird die Fingerspitze angeleuchtet und ist schließlich am Kamerabild als heller Fleck zu sehen. Solche hellen Flecken, die Blobs, werden später von einer Software erkannt und als Berührungspunkte z.B. an Flash geschickt. Die hier beschriebene Beleuchtungsvariante wird Diffused Illumination, kurz DI, genannt.

Multi-Touch Ablaufsgrafik
Funktionsweise des Multi-Touch-Tisches

Die Kette funktioniert also wie folgt: Eine Kamera filmt helle Stellen auf der Tischfläche, eine Software analysiert die Kamerabilder und sendet die Berührungspunkte an ein selbst geschriebenes MT-Programm in dem man bestimmt was man als Reaktion auf den Tisch projiziert. Zum Beispiel legt ein Benutzer seinen Finger auf einen Button, die Software meldet die Position des Fingers an das MT-Programm und dieses spielt nun ein Video ab.

(0 Words, 0 Weblinks, 0 Pictures and 0 Video) - Seite Drucken
Page created by thomas_glaeser. Last modification on 11.11.2008 09:27
© 2008 Hochschule für Gestaltung, Schwäbisch Gmünd. Impressum
0
» Post-it
jb
17:08, 26.11.2012

Again: Das digitale Klassenzimmer: [link]:article_id=228744

12:27, 31.08.2012

Retweetet diesen Tweet und gewinnt eine von 2 Freikarten für die push.conference in München am 24. Nov. [link]

09:29, 09.07.2012

Praktikumsplatz ab sofort bei schnelle-bunte-bilder in Berlin.
[link]

17:07, 05.06.2012

push.conference ist heute online gegangen. Fixes Studentenkontingent inklusive. [link]

jb
14:03, 07.05.2012

Disney Research's Touché system detects your touch on most things [link]

10:44, 14.02.2012

UX-Designer sind eine der bestbezahltesten IT-Jobs in 2012 [link]

16:13, 08.12.2011

predicting the future of computing [link]

09:35, 09.11.2011

Sehr lesenswerter Artikel zum Thema Touch-Interfaces.

[link]

15:56, 04.11.2011

ERGOSIGN München sucht einen Praktikanten (m/w): [link]

17:40, 27.10.2011

Games, Life & Utopia Conference an der FH Potsdam. Alle sind eingeladen. [link]

08:27, 27.10.2011

Zurück nach Gmünd. Heute um 15:30 mit meinem Vortrag »How to start up a design studio«

jb
14:00, 26.09.2011

Erdbebenwarngerät auf Arduino-Basis:

[link]

11:39, 16.08.2011

decoded conference 2011 wieder in München. 1 Tag. 6 Sprecher. Early Birds mit 15% Studentenrabatt sind noch zu haben [link]

00:27, 04.08.2011

US debt problem visualized [link]

jbo
12:42, 14.07.2011

Complexity vs Complicated — [link]

jbo
09:39, 06.07.2011

Einfache Tweenings in HTML/CSS – [link]

08:49, 04.07.2011

Hmmm. Lots of data waiting to get visualized... [link]

18:04, 17.06.2011

An Infographic about the Anatomy of a Computer Virus
[link]

15:25, 08.06.2011

Nokia Maps Berlin sucht UX-designer/Visual designer als Verstärkung. Go here: [link] and search for RES000001O9

10:46, 07.06.2011

[link] powerful Augmented Reality Picture tracking.