Abo
  • IT-Karriere:

Gestensteuerung

So ganz hat uns aber auch die Tastatur- und Maussteuerung nicht überzeugt, wir mussten immer noch zu genau mit dem Finger "zielen".

Stellenmarkt
  1. Camelot ITLab GmbH, Mannheim, Köln, München
  2. Wirecard Technologies GmbH, Aschheim bei München

Die Leap Motion hat trotz ihres moderaten Preises keinen Durchbruch für die Gestensteuerung am PC bedeutet. Trotzdem - oder deshalb - arbeitet das Unternehmen recht rührig an der Softwareunterstützung. So bietet die Leap Motion inzwischen eine Javascript-API für den Einsatz im Browser.

Und genau darauf wollen wir aufsetzen. Die Umsetzung einer Gestensteuerung ist darüber recht einfach. Dazu laden wir in unserem Skript zusätzlich noch die Leap-Motion-API. Die Aktivierung beschränkt sich auf wenige Zeilen Code:

  1. var leapController = new Leap.Controller({ enableGestures: true });
  2.  
  3. leapController.on( 'animationFrame' , function(frame) {
  4. // reagiere auf Gesten
  5. });
  6. leapController.connect();

Viel komplizierter ist es festzulegen, welche Hand-Interaktion wir benutzen wollen. Für die Umschaltung zwischen den Effekten ist ein Key- oder Screen-Tap geeignet. Für das Verringern und Erhöhen eines Parameterwertes wird es schwieriger.

Intuitiv liegt es nahe, Wischgesten nach links und rechts einzusetzen. In der Praxis erweist sich das aber als unpraktisch und zu ungenau, um einen bestimmten Wert festzulegen, insbesondere, wenn wir dabei eine Gitarre in der Hand halten. Zwar wäre es möglich, über die Low-Level-Methoden des Leap Motion und eigene Berechnungen Wischgesten genauer zu interpretieren, aber wir überlegten, ob es auch einfacher ginge.

Schließlich kamen wir tatsächlich auf eine einfache Lösung: Um einen Wert zu verringern, werden drei Finger gezeigt, zum Erhöhen fünf Finger. Damit umfasst die Gestenerkennung nur 13 Zeilen Code:

  1. if(frame.gestures.length) {
  2. var gesture = frame.gestures[0];
  3. if('keyTap' == gesture.type || 'screenTap' == gesture.type) {
  4. nextPedal();
  5. }
  6. } else {
  7. var finger = frame.fingers.length;
  8. if(3 == finger) {
  9. decrease();
  10. } else if(5 == finger) {
  11. increase();
  12. }
  13. }

Eine musikalische Revolution werden Pedalboard.js und Leap Motion vermutlich nicht auslösen. Aber es ist eine kleine Andeutung dessen, was heute schon mit nur wenigen Codezeilen in einem Browser möglich ist.

 Lärm aufgehübscht
  1.  
  2. 1
  3. 2
  4. 3
  5. 4


Anzeige
Hardware-Angebote
  1. 529,00€
  2. 274,00€
  3. täglich neue Deals bei Alternate.de

Paykz0r 19. Dez 2013

ich Stimme dir bei Firefox leider absolut zu. aber ein html5 vide player Tag...

Crapple 19. Dez 2013

Man muss nur unter Develop->User Agent auf Chrome umstellen - zumindest bei pedals.io...

Realist_X 19. Dez 2013

Ja oder an einem PC :)

mw_blond 19. Dez 2013

... sagt alles.

Paykz0r 18. Dez 2013

eigentlich wären auch mod plug tracker ala s3m jetzt schon möglich. ist zwar nicht das...


Folgen Sie uns
       


Sony Xperia 1 - Test

Das Xperia 1 eignet sich dank seines breiten OLED-Displays hervorragend zum Filmeschauen. Im Test zeigt Sonys neues Smartphone aber noch weitere Stärken.

Sony Xperia 1 - Test Video aufrufen
Endpoint Security: IT-Sicherheit ist ein Cocktail mit vielen Zutaten
Endpoint Security
IT-Sicherheit ist ein Cocktail mit vielen Zutaten

Tausende Geräte in hundert verschiedenen Modellen mit Dutzenden unterschiedlichen Betriebssystemen. Das ist in großen Unternehmen Alltag und stellt alle, die für die IT-Sicherheit zuständig sind, vor Herausforderungen.
Von Anna Biselli

  1. Datendiebstahl Kundendaten zahlreicher deutscher Firmen offen im Netz
  2. Metro & Dish Tisch-Reservierung auf Google übernehmen
  3. Identitätsdiebstahl SIM-Dieb kommt zehn Jahre in Haft

Erasure Coding: Das Ende von Raid kommt durch Mathematik
Erasure Coding
Das Ende von Raid kommt durch Mathematik

In vielen Anwendungsszenarien sind Raid-Systeme mittlerweile nicht mehr die optimale Lösung. Zu langsam und starr sind sie. Abhilfe schaffen können mathematische Verfahren wie Erasure Coding. Noch existieren für beide Techniken Anwendungsgebiete. Am Ende wird Raid aber wohl verschwinden.
Eine Analyse von Oliver Nickel

  1. Agentur für Cybersicherheit Cyberwaffen-Entwicklung zieht in den Osten Deutschlands
  2. Yahoo Richterin lässt Vergleich zu Datenleck platzen

Energie: Wo die Wasserstoffqualität getestet wird
Energie
Wo die Wasserstoffqualität getestet wird

Damit eine Brennstoffzelle einwandfrei arbeitet, braucht sie sauberen Wasserstoff. Wie aber lassen sich Verunreinigungen bis auf ein milliardstel Teil erfassen? Am Testfeld Wasserstoff in Duisburg wird das erprobt - und andere Technik für die Wasserstoffwirtschaft.
Ein Bericht von Werner Pluta

  1. Autos Elektro, Brennstoffzelle oder Diesel?
  2. Energiespeicher Heiße Steine sind effizienter als Brennstoffzellen
  3. Klimaschutz Großbritannien probt für den Kohleausstieg

    •  /