WiiBrush

Das Semester ist nun zu Ende und unsere WiiBrush Anwendung fertig. Rückblickend auf die letzten Wochen und Monate können wir sagen, das die Erstellung unserer Anwendung uns recht viel Freude gemacht hat. Vor allem auch das experimentieren mit der WiiMote, um neue Interaktionsmöglichkeiten auszuarbeiten. Auch wenn wir immer wieder Probleme hatten und nicht weiter wussten, haben wir es am Ende doch immer wieder geschafft weiter zu kommen.

Zu Beginn der Veranstaltung hatten wir große Schwierigkeiten ein passendes Thema für unser Device zu finden. Wir hatten viele Ideen, doch meistens scheiterten diese an den technischen Möglichkeiten mit der WiiMote. So waren wir umso glücklicher, als wir endlich auf unsere WiiBrush Idee kamen und sie vor allem auch funktionierte.

Trotz vieler Recherche zum Thema Zeichnen in Kombination Musik und Einarbeitung in diverse Actionscript und Flash Bücher, kamen wir zu Beginn nur recht schleppend mit der Programmierung voran. Ausschlaggebend war dann das Buch Flash Math Creativity was uns sehr weiterhalf und wodurch wir nun richtig durchstarten konnte.

Mit unserem Ergebnis sind wir nun doch trotz aller Anlaufprobleme sehr zufrieden. Vor allem das viele positive Feedback auf der Medianight zu unserer Anwendung hat uns sehr bestärkt. Es hat uns insgesamt viel Spaß gemacht, an dieser Veranstaltung teilzunehmen.

INTERFACEGESTALTUNG
WIIBRUSH-BRUSH YOUR MUSIC

Im Rahmen der Lehrveranstaltung „Interfacegestaltung” bei Herrn Prof. Ralph Tille im Studiengang Informationsdesign an der Hochschule der Medien in Stuttgart konzipierten und gestalteten wir, Julia Schlünz & Lydia Riss, eine Anwendung. Ziel der Veranstaltung war es, neue Interaktionsmöglichkeiten mit der Wii-Mote als Steuer- bzw. Eingabegerät zu realisieren.

KONZEPT

Für unsere Applikation haben wir das Wii-Whiteboard von Johnny Chung Lee nachgebaut. Benötigt wird dafür eine Wii-Mote, eine feste Leinwand, ein PC mit Bluetoothempfang, ein Beamer und ein Infrarotstift. Der Aufbau sieht wie folgt aus: Das Bild vom PC wird über einen Beamer auf die feste Leinwand projiziert. Die Wii-Mote wird per Bluetooth mit dem PC verbunden. Nach dem die Verbindung erfolgt ist, wird mit Hilfe einer Software die Wii-Mote kalibriert, d.h. der Bereich des Whiteboards wird bestimmt. Die Eingabe erfolgt nun über einen Infrarotstift. Die Wii-Mote empfängt dabei das Licht des Stiftes und kann so dessen Position bestimmen und per Bluetooth an den PC übertragen. Dadurch kann anschließend der Mauszeiger mit dem Infrarotstift gesteuert werden.

Unsere Anwendung WiiBrush-Brush Your Music beschäftigt sich mit dem Thema „experimental art & music“. Dabei hat der Nutzer die Möglichkeit mit verschiedenen Brushes zu zeichnen und parallel Klaviertöne zu erzeugen, je nach dem in welchem Bereich der Zeichenfläche er zeichnet. Bei den Brushes handelt es sich hauptsächlich um florale Elemente, zu dem kann eine beliebige Farbe gewählt werden. Die Klaviertöne sind in Form eines unsichtbaren Rasters auf der Zeichenfläche hinterlegt. Insgesamt haben wir 36 Töne verwendet, unten links befinden sich die tieferen Töne und oben rechts die höheren.

DESIGN

Das Design unserer Applikation sollte möglichst schlicht und minimalistisch sein. Da es uns wichtig war, dass das vom Nutzer generierte Bild im Vordergrund steht. Damit die leuchtenden Farben besser zur Geltung kommen, ist unser kompletter Hintergrund in Schwarz. Direkt unter der Zeichenfläche befinden sich die Brushes, unter diesen sind die Farben als Farbkleckse platziert. Wählt der Nutzer einen Brush oder eine Farbe, wir der jeweilige Button durch eine Vergrößerung hervorgehoben. Somit weiß der Nutzer welcher Brush und welche Farbe gerade aktiv ist.

FUNKTIONEN & PROGRAMMIERUNG

Neben der Funktion des Zeichnens und des Erzeugens von Musik, hat der Nutzer die Möglichkeit mit dem Undo-Button einen Schritt zurück zu gehen oder mit dem Clear-Button das komplette Bild zu löschen. Außerdem kann der Nutzer sein Bild an sich oder seine Freunde per E-Mail versenden, dafür haben wir eine QWERTZ ähnliche Tastatur mit eingebaut, die mit dem Infrarotstift leicht bedient werden kann. Die Programmierung der Applikation erfolgte hauptsächlich mit ActionScript, aber auch mit PHP und Javascript.

Nach dem Erfolg auf der Media Night, können wir zusammenfassend sagen, dass unsere Nutzer besonders von der Funktion des Zeichnens mit Musik begeistert waren. Dabei haben wir unterschiedliche Herangehensweisen beobachtet, die Einen haben versucht ein schönes Bild zu zeichnen, Andere dagegen schön klingende Melodie zu erzeugen.

Unsere fertige Anwendung gibt es unter folgendem Link zum austesten.
Viel spaß mit unserem WiiBrush!

Gestern abend war es nun so weit, um 17 Uhr startete die Media Night in der Nobelstraße. Die Vorbereitungen dazu liefen ohne Probleme, wir hatten unseren Stand recht schnell aufgebaut, die Technik funktionierte und unsere Anwendung lief ohne Probleme. Gleich zu Beginn gab es viele interessierte Leute von groß bis klein, von denen wir stets prositives Feedback bekamen. Es hat uns viel Spaß gemacht unsere Anwendung zu präsentieren, vor allem als wir sahen, dass es auch den Besuchern Spaß macht unsere Anwendung zu testen.

Leider sollte es jedoch nicht so bleiben. Um genau 19.00 Uhr gab unser Infrarotstift den Geist auf. Nach mehrmaligen Probieren mit einem anderen Stift und verschiedenen Batterien mussten wir schließlich unsere Präsentation beenden. Auch verschiedene Fernbedienungen von anderen Geräten halfen nicht. Das war wirklich sehr schade, aber wenn die Technik versagt kann man leider nichts machen. Den restlichen Abend haben wir schließlich ein Video einer Testperson gezeigt, das Herr Tille dankenswerterweise noch aufgenommen hatte, als noch alles funktionierte.

Trotzdem waren wir recht zufrieden. Die Besucher waren sehr interessiert und hätten es auch gerne getestet. Und auch per Email bekamen wir bereits eine Nachricht, ob wir unseren Stand nicht nocheinmal aufbauen könnten, um es einmal ausprobieren zu können.

Wer das Ganze gerne einmal testen möchte, hier gibts den Link dazu, wenn auch leider nur auf dem PC anstatt auf dem Whiteboard: Wii Brush

Insgesamt hat uns die Media Night wirklich gut gefallen. Es gab viele schöne und interessante Präsentationen von allen Studiengängen und es hat Spaß gemacht dabei einmal mit zu machen.

Wer sich dafür interessiert mit ActionScript 2.0 ausgefallene und künstlerische Grafiken zu erstellen, dem können wir sehr das Buch “Flash Math Creativity” empfehlen. Es liefert viele Beispiele zum Thema Generatives Gestalten, über mathematische Formeln, bei denen wirklich tolle Bilder entstehen.

Für uns war es wirklich sehr hilfreich, da wir lange nicht wussten, wie wir in Flash bzw. in einer swf Datei über ActionScript etwas malen können. Zwar werden hierbei die Grafiken automatisch zur Laufzeit erstellt, aber man kann trotzdem viele Dinge auch auf das Zeichnen übertragen. Das Buch war für uns der entscheidende Auslöser, wodurch wir dann endlich, nach vielem Probieren voran kamen.

Danke Herr Tille, für die Empfehlung!

Wer sich dafür interessiert, hier ein Link zu allen .fla Dateien, die im Buch vorkommen:
Flash Math Creativity .fla Dateien und hier gibt es das Buch dazu

Die Nacht der Nächte rückt immer näher und wir sind neben der Gestaltung unseres Interfaces fleißig dabei unseren Stand auf der Media Night zu planen.

Das mitunter wichtigste für unseren Stand ist natürlich das Whiteboard. Wir haben dazu im Fotostudio der HdM eine 200cm x 140cm große Hartschaumstoffplatte gefunden, die wir dafür verwenden können. Da die Platte jedoch nicht mehr all zu schön aussieht haben wir sie heute mit weißem Fotoleinwandpapier bespannt. Jetzt stellt sich nur die Frage, wie wir unser Board an die Glaswand an unserem Stellplatz anbringen. Wir sind daher heute an die Nobelstraße gefahren, um uns unseren Platz einmal anzusehen. Eine Möglichkeit wäre mit Powerstrips oder doppelseitigem Klebeband das Board zu befestigen, wobei dieser sich schwer wieder lösen lässt. Eine andere Möglichkeit wäre die Platte links und rechts auf zwei Tische an der Wand zu stellen. So hat sie eine sichere Höhe und der Nutzer kommt trotzdem noch gut an die Wand heran. Zusätzlich könnte man sie dann noch mit ein paar Powerstrips befestigen, um ein seitliches Verrutschen zu vermeiden.

Danke Katja für den Tipp

Als Halterung für die Wii Fernbedienung haben wir ein Stativ aus dem Fotostudio mit einer Spiegelhalterung genommen. Dort kann man perfekt die Wii einspannen und durch das Stativ lässt sich jede beliebige Höhe und Position einstellen.

Für den Beamer haben wir uns gedacht, diesen auf einen Stehtisch zu stellen. Als wir das Ganze jedoch heute im Designcenter getestet haben stellten wir fest, das dies doch recht unpraktisch ist, da man ständig das Bild verdeckt. Wenn man den Beamer etwas seitlich stellt, würde es einigermaßen gehen, allerdings ist dann das Bild zu sehr verzerrt. Eine Anbringung an der Decke, wie in den Pool Räumen der HdM wäre daher für uns perfekt, aber auf der Media Night wohl nicht zu realisieren sein.

Ansonsten haben wir für unseren Aufbau noch einen Laptop mit Bluetooth Empfang, Internet, unseren Infrarotstift und natürlich unser super WiiBrush Interface!