Creative Coding

btk

Till Nagel

Projekt 2 - Objekte

Aufgabe: Diesmal gibt es keine thematische Aufgabe, sondern eine technische. Entwerft und entwickelt ein Programm, dass Objekte sinnvoll einsetzt.

Projekte, Screenshots und Beschreibungen von den Studenten.

Grid

Noam Mamane

FlickrViewr

Marc Hämmerle

Mit dem FLICKRVIWER ist es möglich, Flickr nach Tags zu durchsuchen und die als Suchergebnis zurückgelieferten Thumbnails auf einem dreidimensionalen Raster angezeigt zu bekommen. Diese sind mit der Maus navigierbar und bei Klick wird das dem Thumbnail entsprechende Foto nachgeladen und vor die dann abgedunkelten Thumbnails gestellt. Bei einer erneuten Suchanfrage werden die bereits vorhandenen Thumbnails zeitversetzt hinausanimiert und erst dann die neuen Thumbnails geladen.

Der FLICKRVIEWER ist nur die Vorstufe eines größeren Projekts bei dem ein stetig laufender Fluss an Thumbnails die Bilderflut auf Flickr darstellen soll, die dort 24/7 hochgeladen wird.

Blaue Federn

Linda Horstkotte

Nicht besonders kompliziert, aber schön. Die Farben der Pfauenfeder werden im Code aufgegriffen, die technischen Federn lösen die der Natur ab.

Bunt

Elena Jirnova

Farbe des geladenen Bilds wird aufgenommen und in rotierenden Kreisen umgesetzt.

Puzzle

Thomas Goethe

Das Ziel bei diesem sketch war es eine Oberfläche zu schaffen, die beliebig erweiterbar ist. Zur Zeit ist es möglich ein Objekt beliebig oft auf dem Sketch durch Mausklick zu plazieren und es danach auf dem Sketch durch gedrückthalten der linken Maustaste zu verschieben. Das Vorbild war das Verschieben der Fenster auf dem Desktop.

Als Erweiterung stelle ich mir die Verbindung mit einer API wie der von Flickr, Google oder Yahoo vor. Man könnte Daten wie Images laden und dann auf diesem Sketch ordnen und durchstöbern. Auch eine Verbindung mit Videokomonenten ist denkbar. Gerne würde ich dieses Sketch in meinem Endprojekt mit einer API erweitern.

Logo

Kolja Kärcher & Christoph Schulz

Zielstellung: Anordnug von Objekten an einem Raster mit Hilfe von for-Schleifen, angelehnt an die in der Stunde bearbeitete Übung "Warholesk". Mehrwert dieses Projektes besteht in einer Ambient-Visualisierung bei Live-Konzerten der Band LAN/SugarCandyMountain, deren Logo hier verwendet wird.
Ablauf des Programms: beim Start werden 6 zufällig definierte Farbwerte festgelegt, die sich im Laufe der Ausführung nicht mehr verändern. mit diesen Farben wird das aktuell entstehende Logo eingefärbt (tint). alle folgenden Logos nehmen den Farbwert an, bis die Maus erneut gedrückt wird (Farbwechsel). Beim Bewegen der Maus blinken die Logos in einem Raster auf. Dieser Effekt ist angelehnt an Michael Jacksons "Billy Jean"-Musik Video. Der Effekt des Aufleuchtens wird durch ein langsames Abdimmen der Helligkeit erzeugt.

Feuerwerk

Daniel Kliche & Nora Bolz

Feuerwerksanimation durch rotierende Elemente - real anmutende Explosionen!!! Unterlegt durch passende Soundeffekte

Projekt

Christian Netter

Beschreibung

Das Matrixmonster

Rebecca-Joy Rose

Durch Interaktion mit der Maus, variiert die Grafik zwischen anschaulichen "Blumenmustern" und dem "gierigen Monster" aus der Matrix, welches nach weiteren Processing-Codes giert. Die Idee war zunächst die Erstellung einer animierten Pflanze, welche auf die aktuelle Mausposition und somit auf ihre Bewegung reagiert. Die Animation sollte durch einzeln zusammengesetzte Elemente ihre ästhetische Form finden. Sie wirkte jedoch unspektakulär und sehr eintönig. Somit ergab sich durch ein paar kleine Veränderungen die aktuelle Grafik, welche durch ihre vielfältigen Variationsmöglichkeiten, ein paar abwechslungsreiche Perspektiven für das Auge des Betrachters bietet.

Tunnel

Andreas Sommer

Tunnel der je nach mausposition die richtung ändert.
Probleme: der Zoomeffekt wirkt nicht, da die die Ringe zuvor aus mehreren Ellipsen (nur stroke()) durch for-schleifen dargestellt waren, wurde die Performance zu langsam. dadurch das jetzt die Ellipsen ausgefüllt sind ist zwar die Performance schneller aber die Farbverläufe sind weg.

Ultimate Formula

Soeren Leusch & Marcus Koelling

Die Idee zu diesem Action-Race entstand zu der Zeit, als Rotation und Translation noch frisch waren. Das tolle hier ist, dass es diesmal bei unserem Game auch ein Ziel und einen Mehrspielermodus gibt. Gefahren wird Mann gegen Mann ueber zehn Runden. Die Basis des ganzen sind letztendlich einzelne Matrizen, die transformiert wurden und sich dann bei Eingabe drehen, wodurch dann die Autos fahren. Großartigerweise traegt einen die Trägheit nach außen und die Geschwindigkeit ist auch steuerbar. Das beste Feature ist selbstverstaendlich die Fahrerwahl!!! Möge immer der blaue gewinnen!!! (*Anmerkung des Schreibenden)

Jeder Spieler steuert sein Auto mit den zugewiesenen Tasten. Gewinner ist derjenige, der als erster das Ziel nach zehn Runden durchfährt. Dabei ist zu beachten, dass die Gescchwindigkeit, zwar immens sein kann, aber nicht sollte. Denn bei jedem Überqueren der Außenlinie ist man gezwungen eine Strafrunde zu drehen. Dies wird durch Aufleuchten der Teamfarbe indiziert. Der farbige Kreis in der Mitte zeigt die Teamfarbe des Führenden, während die Zahl in dem Kreis den Abstand des Hintermanns zum Vordermann angibt. Pro Runde sind 360 Achtelmeilen zurückzulegen. Bei Erhalt einer Strafrunde ändert sich der Abstandswert in der Mitte dementsprechend schlagartig um 360 Achtelmeilen. In oberen Ecken sind die bereits gefahrenen und angerechneten Runden zu sehen. Viel Spass und Gummi!

Sonnenmatrix

Marlene Voves

Bei gedrückter Maus werden Kreise gezeichnet die durch Bewegung ein Muster ergeben (Sonnematrix). Bei Bewegung über das Muster wird eine aufgehende Sonne gezeichnet.

Hotzenplotz

Barbara Krec & Katharina Mia Wittek

Hallo Benutzer,
hier unser kleines Spiel wo der Benutzer in der Rolle der Polizei die ausgebrochenen Räuber fangen muss. Mit Hilfe der Tastatur durch drücken einer beliebigen Taste entstehen die Räuber bzw. sie brechen aus. Mit drücken der Maustaste auf einen bestimmten Räuber verschwindet dieser wieder im Knast. Viel Spaß beim ausprobieren.

Creative Commons Lizenz: Namensnennung-NichtKommerziell-Weitergabe unter gleichen Bedingungen 2.0 (Deutschland)

© 2007 Till Nagel und die genannten Autoren, All rights reserved – Alle Rechte vorbehalten.