Creative Coding

btk

Till Nagel

Projekt 1 - Generative Grafik

Aufgabe: Erstelle einen Sketch, da generativ Grafiken erzeugt. Diese Grafik soll nach gewissen Regeln erstellt werden, die durch Zufall und/oder durch Interaktion beeinflusst werden.

Projekte, Screenshots und Beschreibungen von den Studenten. Die Reihenfolge der Projekte ist zufällig.

Mandala

Nora Bolz & Elena Jirnova

Idee: Erzeugung eines Mandalas.

Mandala zum Ausdrucken und Ausmalen

Funktionen des Programms: Pfeiltasten steuern Größe (DOWN), Zufallsfarbe (UP), Form (LEFT bzw. RIGHT) und Rotationsrichtung (DOWN) der Formen. Falls die Formen von der Zeichenfläche verschwinden kann man mit dem Mausklick wieder bei der Mitte beginnen. Um das Mandala als JPG zu speichern muss man die rechte Maustaste drücken.

Synny-Word

Kolja Kärcher

Bei dem Programm "Synny-Word" haben wir es mit einer generativen Grafik zu tun, auch wenn es auf den ersten Blick nicht danach aussieht. Das Programm ist ein einfaches Textverarbeitungsprogramm - mit einer kleinen Besonderheit - statt in Buchstaben, stellt es den Text in Farben dar:

Jedem Buchstaben ist somit eine eigene Farbe zugeordnet. Durch das Schreiben von Wörtern und Sätzen wird ein Muster erzeugt, dessen Struktur von den Regeln der Schrift und Sprache und von dem geschriebenen Inhalt abhängt. Das entstandene Bild wirkt für den Betrachter zufällig und wahllos. Nur für Synästhetiker und Autisten ist das Muster entschlüsselbar und als Text lesbar. Da einige Farbwerte sehr ähnlich sind, wird bei jeder Benutzung eines Buchstabens seine Höhe gesteigert. So sind im laufenden Text Buchstaben wie E und R, die beide blau sind von einander zu unterscheiden. Ausserdem verrät uns der Höhenunterschied viel über die Sprache und Schrift, da auf den ersten Blick zu erkennen ist, welcher Buchstabe viel, und welcher wenig verwendet wird. ... Zu der Codierung: Alle Buchstaben sind mit unterschiedlichen Farben belegt. Alle Satzzeichen sind mit schwarzen Punkten belegt. Die Leertaste trennt Wörter voneinander. Backspace löscht den letzten Buchstaben Enter/Return wechselt in die nächste Zeile.

Blätterbodengenerator

Marc Haemmerle

Generative, objektorientierte Grafik bei der man den Rechner mit verschiedenen Blättern malen lassen kann um einen mit Blättern gefüllten Boden zu simulieren.

Mit den Tasten 1-4 kann man sich vorgefertigte Blätter aussuchen, in die Zeichenfläche klicken und dem Computer beim malen zusehen. Die Pinsel werden nach einer gewissen Zeit automatisch gelöscht, um zu schnelles Überfüllen zu vermeiden; in manchen Fällen wird aber für einen gelöschten Pinsel ein neuer erzeugt, damit sich das Ganze dennoch ansprechend weiterentwickelt. Durch Drücken der Leerstaste wird eine Art Verrottung simuliert und die Blätter, die bereits auf dem Boden liegen werden etwas transparenter. Zweck der Übung ist es, den Computer mittels vorgegebenen Regeln und Werkzeugen zu einem Mitwirkenden in der Ausübung der künstlerischen Tätigikeit werden zu lassen.

Spiralen

Linda Horstkotte & Christian Netter

Der Code ist in zwei Teile bzw zwei Graphiken aufgeteilt. Der erste Teil besteht aus einer sich drehenden Spirale; wenn die Tastatur gedrückt wird ändert sich die Richtung der Drehung. Der zweite ist ein Muster, das zufällig aus Bezierkurven entsteht; bei gedrückter Taste ändert sich die Farbe. Beide Teile sind farblich minimal gehalten (schwarz - weiß - graustufen). Der Effekt bzw das Interesante entsteht in der Bewegung beider Graphiken. Also geht es um die Bewegung und den Zufall und was daraus entstehen kann.

Mühle

Lukasz Czeladzinski

Generative Musik

Thomas Goethe

Ziel war es ein Bild nach Sättigung oder Helligkeit zu scannen und diese Werte in Töne umzuwandeln und aus zugeben.

Bei generativer Musik ist natürlich nicht viel zu zeigen. Das Bild ist eines der Ausgangsbilder zum Erzeugen der Musik.

Durch drücken einer Maustaste werden Instrumente und unterschiedliche Geschwindigkeiten und dadurch andere Stimmungen erzeugt. Bilder mit einer max. Breite von 1024px können geladen werden.

Hübsche Grafik

Sören Leusch & Marcus Kölling

Servus und Salute,
ohne große Worte, lasst Euch einfach fallen...

Aber im Ernst. Die Idee dahinter war, dass durch sich drehende Objekte hübsche Grafiken erzeugt werden. Wir haben dann in der Processing- Reference nach verschiedenen Objekten gesucht und uns dann für die Sphere (ein Kugelgerüst) und den Würfel entschieden. Damit die Bewegungen noch zufälliger werden, bewegen sich die Objekte im dreidimensionalen Raum.

Das architektonische Malprogramm

Stefanie Kolb

Durch Interaktion mit der Maus, der Tastatur und den Taten a,s,d kann der Benutzer verschiedene Bilder und Bildräume erschaffen. Es sind verschiedene Elemente festgelegt, die aber z.B. durch die Schnelligkeit der Interaktion verschieden kombiniert werden können und immer neue, aber schnell vergängliche Bilder entstehen lassen. Das sich bewegende Raster ist ein ständig vorhandenes Element, das ähnlich einem Bauplan das Grundgerüst für die spätere Interaktion durch den Benutzer bildet.

Schmetterlinge

Barbara Krec & Katharina Mia Wittek

Dieses Projekt zeigt dir Rotationen von Kreisen und einem Rechteck um einen Punkt und um den eigenen Eckpunkt.

Wenn du die Maus bewegst verschiebt sich der Punkt um den sich die Objekte drehen in Richtung X-Achse. Bei Mausklicken wird wieder der ursprüngliche Zustand hergestellt. Wenn du eine beliebige Taste auf der Tastatur drückst enstehen Schmetterlinge in verschiedenen Größen. Viel Spass.

PsyClock

Noam S. Mamane

First I created a clock with an interactive background. And from there I continued to develop the PSY_CLOCK. Here I tarried to create an 'interactive clock' where the different elements of an ordinary 'analog' clock can be handled with and visually modified. At the moment, I'm very happy with the visual effect of the seconds, and the hours, but the minutes need more work...

Farbgenerativum

Christoph Schulz & Rebecca-Joy Rose

Erstellung eines visuellen Aufmerksamkeitsrasters. Der Betrachter eines von Processing geladenen Bildes kann mit der Maus seine Blickrichtung verfolgen. Die Maus sammelt die jeweiligen Farbinformationen an den angeschauten Punkten und es entsteht ein mehrschichtiges individuelles Aufmerksamkeitsraster auf der nebenliegenden Fläche.

Sterne

Andreas Sommer & Marlene Voves

TapeteGenerativ

Stephan Isermann

Das Program erstellt aus der Zufallsfunktion generative Muster – Ziel ist es dieses Muster abzuspeichern und weiterzuverwenden, zum Beispiel als Tapete, Desktophintergrund oder ähnliches ...

Funktionen

  • Menü mit Buttons die als Objekte erzeugt werden können
  • Zeilen werden übersprungen wenn eine voll ist
  • es kann geresetet werden
  • die Größe der Blöcke kann verringert oder vergrößert werden

Kreiskonstruktionen

Sebastian Graetz

Durch sich drehende Striche entstehen Kreiskonstruktionen, die der Anwender sowohl zufällig als auch nahezu komplett kontrolliert beeinflussen kann. Zur besseren Überprüfung der Interaktion steht unten links ein Interface zur Verfügung.

Kirchenfenster

Gustavo Vilera

Das Programm simuliert die Kreation eines virtuellen Kirchenfensters.

Vampire

Daniel Sascha Kliche

Die Nacht gehört den Vampiren...

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.