{"id":471,"date":"2011-11-16T18:44:57","date_gmt":"2011-11-16T16:44:57","guid":{"rendered":"https:\/\/porzelt.net\/?p=471"},"modified":"2019-10-04T17:59:09","modified_gmt":"2019-10-04T17:59:09","slug":"making-the-game-teil-5-multi-touch-frameworks-fur-adobe-flashair-part-2","status":"publish","type":"post","link":"https:\/\/porzelt.net\/en\/making-the-game-teil-5-multi-touch-frameworks-fur-adobe-flashair-part-2","title":{"rendered":"Making The Game – Teil 5: Multi-Touch Frameworks (f\u00fcr Adobe Flash\/Air) – Part 2"},"content":{"rendered":"

Zu Teil 1<\/a><\/u>
\n 
\nTouchlib \/ Bubblebird TUIO-AS3 Framework<\/strong>
\nNeben den Frameworks f\u00fcr native Touch-Ereignisse existieren Frameworks, die haupts\u00e4chlich auf die Verarbeitung von TUIO-Touch-Events ausgelegt sind, welche meistens von Multi-Touch-Tischen oder Multi-Touch-W\u00e4nden verwendet werden.
\n 
\nTouchlib ist eins der Frameworks, welches schon seit Langem f\u00fcr diese Zwecke entwickelt wird. Bereits vor der Einf\u00fchrung von nativen Touch-Events in Flashplayer 10.1 war es mittels einem Tracker (wie in Teil 3 bereits erkl\u00e4rt) und dem von der NUI-Group bereitgestellten Touchlib-Framework m\u00f6glich Multi-Touch f\u00e4hige Ger\u00e4te und Anwendungen zu erstellen.
\nTouchlib ist dar\u00fcber hinaus, neben dem Flash Framework, auch ein Tracking Programm f\u00fcr Windows. Jedoch wird meistens das Plattformunabh\u00e4ngige Community Core Vision (CCV) eingesetzt um das Kamerabild zu verarbeiten.
\n 
\nUm eine Multi-Touch-Anwendung mittels Touchlib zu erstellen muss zuerst eine Verbindung mit dem TUIO-Server hergestellt werden. Dieser \u00fcbermittelt auf einem vorgegebenen Port, in diesem Fall 3000, die Daten der Ber\u00fchrungspunkte.
\n <\/p>\n

\n
    \n
  1. \n
    \/\/TUIO-Connection<\/span><\/div>\n<\/li>\n
  2. \n
    TUIO.<\/span>init<\/span>(<\/span>this<\/span>,<\/span> “localhost”<\/span>,<\/span> 3000<\/span>,<\/span>“”<\/span>,<\/span>true<\/span>)<\/span>;<\/span><\/div>\n<\/li>\n<\/ol>\n<\/div>\n

     
    \nNachdem diese Verbindung hergestellt wurde, k\u00f6nnen bereits Touch-Events empfangen und ausgewertet werden. Neben den bereits bekannten Event-Listenern bietet das Framework dar\u00fcber hinaus Funktionen, um alle gesicherten Touch-Punkt-Daten abzurufen.
    \nWie bei GestureWorks werden n\u00e4mlich alle momentan aufgetretenen Ber\u00fchrpunkte in einer Liste gespeichert. \u00dcber den returnBlobs()<\/code>-Aufruf lassen sich so alle Touch-Daten zur\u00fcckgeben, um diese manuell zu verarbeiten.
    \n <\/p>\n

    \n
      \n
    1. \n
      \/\/Event Listener for Touch Down Events<\/span><\/div>\n<\/li>\n
    2. \n
      addEventListener<\/span>(<\/span>TouchEvent.<\/span>MOUSE_DOWN<\/span>,<\/span> touchDown)<\/span>;<\/span><\/div>\n<\/li>\n
    3. \n
       <\/div>\n<\/li>\n
    4. \n
      \/\/Returns all Touchpoints<\/span><\/div>\n<\/li>\n
    5. \n
      TUIO.<\/span>returnBlobs<\/span>(<\/span>)<\/span>;<\/span><\/div>\n<\/li>\n<\/ol>\n<\/div>\n

       
      \nDadurch, dass das Framework mit eines der Ersten war, welches das Prinzip von mehreren Ber\u00fchrpunkten verfolgte wurde zur Erleichterung, bei der Programmierung von Anwendungen, die RotatableScalable<\/code>-Klasse entwickelt. Diese Klasse erm\u00f6glicht es, durch Vererbung an ein beliebiges Objekt, Objekte nach belieben zu drehen, skalieren oder verschieben.
      \nDazu muss in der Objekt-Definition nur angegeben werden welche dieser drei Eigenschaften das Objekt besitzen sollte.
      \n <\/p>\n

      \n
        \n
      1. \n
        import<\/span> flash.display<\/span>.<\/span>Sprite<\/span>;<\/span> \/\/ ring class <\/span><\/div>\n<\/li>\n
      2. \n
        import<\/span> app.<\/span>core.<\/span>action.<\/span>RotatableScalable;<\/span>  <\/div>\n<\/li>\n
      3. \n
         <\/div>\n<\/li>\n
      4. \n
        class<\/span> Ring extends<\/span> RotatableScalable {<\/span>      <\/div>\n<\/li>\n
      5. \n
        public<\/span> function<\/span> Ring(<\/span>thickness<\/span>:<\/span>Number<\/span> = 10<\/span>,<\/span> radius:<\/span>Number<\/span> = 40<\/span>)<\/span> {<\/span>          <\/div>\n<\/li>\n
      6. \n
        \/\/—RotatableScalable options————             <\/span><\/div>\n<\/li>\n
      7. \n
        \/\/noScale = true;             <\/span><\/div>\n<\/li>\n
      8. \n
        noRotate = true<\/span>;<\/span>                <\/div>\n<\/li>\n
      9. \n
        \/\/noMove = true;        <\/span><\/div>\n<\/li>\n<\/ol>\n<\/div>\n

         
        \nSomit kann sogar dynamisch zur Laufzeit ein statisches Objekt zu einem dynamischen, bearbeitbaren gewandelt werden. Objekte wie virtuelle Drehregler lassen sich ebenfalls mit diesen Funktionen realisieren.
        \n 
        \n <\/p>\n

        \"reacTIVision:<\/a>
        reacTIVision: fiducial marker ID11<\/figcaption><\/figure>\n

        Eine Erweiterung des Touchlib-Frameworks stellt das Bubblebird TUIO-AS3 Framework dar.
        \nDieses ist ebenfalls ein Framework, welches auf Ger\u00e4ten mit optischer Gestenerkennung und TUIO-Protokoll eingesetzt wird. Wie Touchlib baut das Framework eine Verbindung zum TUIO-Server auf um die Ber\u00fchrpunkt-Daten entgegen zu nehmen. Dar\u00fcber hinaus kann Bubblebird jedoch auch sogenannte \u201eFiducial markers\u201d erkennen.
        \n 
        \nDas aus dem italienischen stammende Wort fiducial bedeutet \u00fcbersetzt so viel wie \u201ePassmarke\u201c, welche es in diesem Fall auch ist. Fiducials sind eindeutige Markierungen, die von einer Kamera aufgenommen und von dem Tracker eindeutig erkannt werden. Meistens werden diese fiducials unter Spielfiguren oder Objekten angebracht, damit diese eindeutig verfolgt werden k\u00f6nnen. Durch diese Markierungen ist es n\u00e4mlich nicht nur m\u00f6glich die Position des Objektes herauszufinden, sondern auch die genaue Ausrichtung zu bestimmen. Somit k\u00f6nnen auch Drehungen auf der Stelle erkannt und verarbeitet werden.
        \n 
        \nEin bekanntes Beispiel, welches mit fiducials arbeitet ist der reactable. Auf diesem k\u00f6nnen verschiedene Objekte, die entsprechende Markierungen an der Unterseite haben, platziert werden, wodurch objektabh\u00e4ngig ein Klang oder eine Tonfolge abgespielt wird. Neben den Ton-Objekten existieren dar\u00fcber hinaus auch Objekte, welche durch Drehung die Lautst\u00e4rke, die Oktave oder die Geschwindigkeit einzelner Ton-Objekte ver\u00e4ndern.
        \nSo k\u00f6nnen verschiedene Takte und Melodien generiert werden.
        \n 
        \n