Archive

Archive for January, 2007

Webcam – Lightwriter Version 1.0

January 30th, 2007 No comments

lightgeste lightconfig lightbitmap

Bei meinem Lightwriter Experiment kann man mit Hilfe einer Taschenlampe in Echtzeit im Webcambild malen. Inspiration fand ich in der Lightgraffiti Szene, besonders der Clip The past of pikapika und der TV-Beitrag zum Thema Lichtgraffiti von Tracks haben mir es sehr angetan. Während der Entwicklung meines Lightwriters schockte mich die neue Apple I-Pod NanoWerbung sehr, denn sie deckt sich fast komplett mit meiner Grundidee. SHIT! Aber ich hab trotzdem weiter gemacht und erzähl euch jetzt was zur Umsetzung in Flash.

Als erstes versuchte ich die hellen Pixel (es gibt einen frei wählbaren Helligkeits Grenzwert) im Videobild herauszufiltern und diese dann in einer übergelagerten Bitmap Instanz genau an der gleichen Stelle zu kopieren. Für das Herausrechnen der Farbinformationen (splitten in den RGB Kanal) aus den jeweiligen Pixel half mir das Tutorial Bitweise Operatoren von Grant Skinner sehr, jedoch waren die 76800 Helligkeitsberechnungen pro Frame (Auflösung von 320x240 px) für jeden Pixel zu viel für Flash. Ich versuchte nun die Helligkeitsfläche der Taschenlampe zu tracken. Um das zu erreichen, versuchte ich das Bild mit Hilfe von Transformation Matrizen so zu verändern, dass es nur noch die hellen Bereiche anzeigt. Ich erreichte nach längeren Probieren ein ausreichendes Ergebnis, jedoch funktionierte dies nur bei mir zuhause, denn bei anderen Webcams mit anderen Lichtverhältnissen und Hintergründen muss der Filter wieder neu justiert werden. Eine dynamische Justierung wäre aber viel zu aufwendig gewesen. Gefrustet von den bisherigen Ergebnissen durchstöberte ich nochmal die ActionScript Doku und stiess auf die Hilfreiche Funktion Bitmap.getColorBoundsRect(). Diese Funktion sucht im Bild nach einem von mir angegebenen Farbwert und liefert mir ein Rechteck mit Positionsangabe zurück. Diese Funktion liess ich nach weissen Pixeln im Bild suchen. Und siehe da, das zurückgelieferte Ergebnis stimmte mit der Position der Taschenlampe im Webcambild überein. Mit diesen Ergebnis konnte ich sehr gut leben. Nun musste ich nur noch dem Rechteck einen Offset zugeben um die runden Ecken der Taschenlampe zu erhalten. Da sich das Licht am Rand der Taschenlampe abschwächt und einen anderen Farbwert bekommt, überprüfte ich wieder die Pixel nach ihrer Helligkeit. Denn der Farbwert am Rand der Taschenlampe macht die Lichtspielerei erst wirklich interessant. Dieses Verfahren funktioniert einwandfrei, wenn man nicht direkt in die Webcam rein leuchtet. Falls das doch passiert, fängt der Flash Player an tierisch zu rechnen, weil das TrackingRechteck massiv grösser wird und dadurch die Anzahl der Pixel im Offsetbereich massiv zunehmen. Da die Helligkeitsberechnungen im Offset Bereich auch noch sehr rechenintensiv sind, habe ich eine weitere Funktion eingebaut. Ich berechne die Mitte des erhaltenen Rechteck und fange an Linien mit der Funktionlineto() zu malen. Die daraus entstandene Ergebnisse brachten mich wieder auf weitere Ideen, wie z.B. das man bestimmte Symbole malt und diese vom Flash Player erkannt werden und dieser führt dann bestimmte Aktionen durch (zum Beispiel Video starten, nächsten Clip laden usw.). Ich finde die Idee sehr praktisch in Hinsicht auf einfache Interaktionen im Wohnzimmer mit dem Fernseher. Beim dynamischen Malen könnte man ein 2 Player PingPong Webcamspiel (spielbar über Internet) entwickeln...

Aber leider muss ich noch gestehen, dass mein Lightwriter bei mehr als zwei Lichtquellen nicht mehr unbedingt stablil läuft. Denn durch die zwei hellen Bereiche im Bild wird das Trackingergebnis stark verfälscht. Bei manchen Webcams findet die Funktion Bitmap.getColorBoundsRect() sogar keine wirklich weissen Bereiche der Taschenlampe und liefert somit kein Trackingergebnis. Um diese Schwächen zu beseitigen, muss ich mir wohl doch noch ein eigenes Trackingverfahren in Flash schreiben. Einen ersten Ansatz hab ich auch schon, aber ich muss ihn erstmal auf seine Tauglichkeit überprüfen.

Aber jetzt genug und testet selbst meine erste Version des Lightwriters

Sourcecode des Lightwriter

-- UPDATE 11.03.2007 --
Eine ähnliche Anwendung, wie mein Lightwriter entwickelten die Jungs vom Graffiti Research Lab. Bei ihrem sogenannten L.A.S.E.R. Tag kann man mit Hilfe eines Laserpointers und einem mega starken Beamer ein Haus mit Licht betaggen. Geile Umsetzung, einfach eine geile Sache! Es lebe der Digital Media Punk!

-- UPDATE 16.04.2007 --
Es gibt eine neue Version des Webcam Lightwriters

Lernstoff für Interaction Developer

January 28th, 2007 No comments

interface design potsdam augsburgmedien designinginteraction

Nach jetzt fast 4 Jahren Studium haben ich endlich meinen Schwerpunkt gefunden. Das Thema Interaktion bereitet mir so grosse Freuden, das ich mich weiter darin vertiefen möchte. Auf der Suche nach mehr Informationen zum Bereich Interaction Development bin ich auf 2 interessante Studiengänge gestossen. Interface Design an der FH Potsdam und den Masterstudiengang Interaktive Mediensysteme an der FH Augsburg. Den Studiengang Interface Design gibt es in einer Bachelor of Arts und in einer Master of Arts Version. In den beiden Versionen Bachelor und Master beschäftigen sich die Potsdammer mit Interaktion am Computer, mit haptischen Gegenstände und mit gestenbasierenden (Kamera)Systemen. Bei den Augsburger kann man sich in den Bereichen Animation, Mobile Experience und Game Development spezialisieren. Beide Studiengänge hören sich für meine spätere Masterstudiengangwahl sehr interessant an.

Da aber ein Studium allein nicht immer das Wahre ist, habe ich eine kleine Literaturliste zusammengestellt. Leider habe ich noch kein Buch davon gelesen, aber die Bücher machen mir einen sehr guten ersten Eindruck:

Designing for Interaction: Creating Smart Applications and Clever Devices

The Humane Interface. New Directions for Designing Interactive Systems

Designing Interactions mit Beispiel CD-Rom und dazugehörige Website

The Laws of Simplicity (Simplicity: Design, Technology, Business, Life) und dazugehörige Website sowie der MIT Blog dazu

Web Usability von Jakob Nielson und Hoa Loranger

--- UPDATE --- 3.2.2007
Habe einen netten östereichischen Blog zum Thema Interaction Design gefunden.

--- UPDATE --- 12.2.2007
Durch ein Tip von meinem Studienkollegen bin ich auf den eCulture Blog der eCultureFactory (unterstützt vom Fraunhofer Institut)aufmerksam geworden. Dort gibt es einige interessante Einträge zum Thema Interface Design.

--- UPDATE --- 15.3.2007
Bin neulich auf zwei schöne Interface Design Beispiele gestossen, die ich keinem vorenthalten möchte. Einmal die hand-gestenbasierte Interaktion mit Photoshop von der Hochschule für Gestaltung Schwäbisch Gmünd. Evtl. ist es die Next Generation of Bildbearbeitung. Und den schon sehr bekannten BumpTop (neue mausgestenbasierte Interaktion) von Anand Agarawala und Ravin Balakrishnan.

--- UPDATE --- 3.5.2007
Neuer Bachelor Studiengang für Interaktionsgestaltung an der Hochschule für Gestaltung Schwäbisch Gmünd eingeführt. Klingt interessant!

--- UPDATE --- 15.12.2007
Jens Franke hat in seinem Blogeintrag Weihnachtsbuchtipps eine noch umfangreichere Literaturliste zum Thema Interaction Design zusammengestellt. Wer will sollte dort mal vorbei schauen.

Die Last meiner Studienarbeiten ;-)

January 12th, 2007 No comments

Dresdner Bank ampaper Light Hi

Jetzt ist es mal wieder soweit für einen Blogeintrag, mein Studium beansprucht mich mal wieder sehr, so dass ich mich im Moment nicht so sehr um neue Blogeinträge kümmern kann.
Nichtsdestotrotz habe ich meine noch verbleibende Zeit für die Contentpflege meiner Site genutzt. Herausgekommen sind einige neue Fotos im Bereich Natur,Mensch und Urban. Sowie einige neue Videos aus älteren Skatezeiten gibt es im Fun und ernsten Videobereich zusehen.

Im Rahmen der Studium Veranstaltung Ambient Intelligence habe ich mich mit dem Thema Interaction Techniques for Instrumented Environments beschäftigt. Das daraus entstandene Paper liefert einen Überblick über die Thematik und wie es in Zukunft evtl. in diesem Bereich weiter gehen kann. Kleine Anmerkung von mir: das Thema ist auch besonders interessant für den Bereich interaktive Medieninstallationen.

Aber das war bis jetzt noch nicht alles in Sachen Studium, ich hab jetzt endlich mein Thesisthema (Abschlussarbeit) gefunden. Ich werde mich mit der Analyse zur Preisgestaltung online-basierter Produkte beschäftigen. Hier die genauere Beschreibung von meinem betreuenden Professor Wolfgang Maass:

Preise für Informationsgüter können nicht mit herkömmlichen Grenzkostenmethoden bestimmt werden, da diese gegen Null tendieren. In dieser Arbeit soll über eine Umfrage bestimmt werden, nach welchen Methoden KMUs und Grossunternehmen die Preise ihrer Online-basierten Produkte bestimmen. Aus den Ergebnissen sollen Handlungsempfehlungen abgeleitet werden. Diese Arbeit ist für Studenten geeignet, die sehr gute analytische Fähigkeiten besitzen, in der Lage sind konzeptionell zu arbeiten, um ein Analysemodell zu entwickeln und selbständig Information zu suchen.

Zu guter Letzt habe ich schonmal mein neues Webcam Experiment hochgeladen, den Lightwriter. Bei diesem Experiment kann mit Hilfe einer Taschenlampe oder ähnliches auf dem vom Flashplayer erzeugten Webcambild malen. In den nächsten Tagen werde ich noch ein Beispielvideo uploaden und noch bissl später werde ich dazu einen ausführlichen Blogeintrag verfassen, damit man sich besser vorstellen kann wofür das Ding überhaupt gut ist.

Jetzt muss ich mal wieder an einem Java3D spiel fürs Studium weiterprogrammieren...