Hallo fleissiger Kurs,
Zur Erinnerung, morgen den 4. Juni gilt es wieder die Hausaufgaben aus dem Block B zu Präsentieren. Wir freuen uns auf eure Ergebnisse, die letzten waren schon sehr fortschrittlich.
Author Archives: Christopher Warnow
Ausstellungsempfehlung: Locate Me
22. Mai bis 8. August 2010
“„Locate Me“ ist ein Funktionsbefehl, dem immer eine Frage vorausgeht: nämlich die, nach dem Standort und dem eigenen Standpunkt. Die Verortung des Ichs im urbanen Raum erfährt durch mobile Mediennutzung – durch GPS und den damit verknüpften Web 2.0-Angeboten – neue Aufmerksamkeit. Suchanfragen und Interaktionen im Netz lassen dabei eine virtuelle Oberfläche der Stadt entstehen, die neue Strategien der Raumerschließung provoziert. Die Ausstellung „Locate Me“ untersucht die Auswirkung neuer Kommunikationstechnologien auf tradierte Raumkonzepte. Sie ist ein Erfahrungsbericht junger zeitgenössischer KünstlerInnen über die digitale Stadt.”
http://www.kunstraumkreuzberg.de/start.html
Einige interessante Künstler:
Andreas Nicolas Fischer
Schrift laden und anzeigen Beispiel
Filed under cc1
PFont font; // vgl. PImage!
void setup() {
size(500, 500);
background(0);
smooth();
font = loadFont("GravurCondensed-Bold-48.vlw");
textFont(font, 48); // wähle schrift aus! (größe optional)
textSize(48); // bestimme nur die größe
}
void draw() {
background(0);
float w = textWidth("Creative Coding");
text("Creative Coding", 50, 100); // '\n' newline -> umbruch
stroke(255, 0, 0);
noFill();
rect(50, 100 - 48, w, 48 + textDescent());
}
Freitag Poster-Hausaufgabe
Filed under cc2
Hallo CC2 Elite, hier folgt die Hausaufgabe zu diesen Freitag den 30. : Bringt ein ausgedrucktes A2 Plakat mit, welches 3 Motive enthält: Das Originalbild, das in Processing adaptierte und eure Interpretation dessen. Dazu ein Titel und euer Name + Creative Coding Advanced, made with Processing. Die Poster werden dann in unserem Raum aufgehängt. Das Layout/Gestaltung ist euch freigestellt. Wenn ihr mit Animationen gearbeitet habt findet bitte eine schöne Lösung, um es sichtbar werden zu lassen. Zum Beispiel über eine Bilderreihe oder Überlagerung mehrerer Frames. Den Code bitte ebenfalls auf einem Stick mitbringen oder in den Blog stellen. Der Freitag wird dann genutzt um es von jedem präsentieren zu lassen. Wir freuen uns sehr darauf.
Kandinsky Arcs
Filed under uncategorized
Nocheinmal zur Erinnerung, seht euch einmal die Arcs aus der Processing Referenz an. Damit lassen sich Kreisausschnitte leichter zeichnen.
Creative Coding Advanced (CC2)
Filed under cc2
Für alle Studierenden, die sich schon für den Advanced Kurs eingetragen haben oder noch überlegen möchten wir hiermit eine Entscheidungshilfe bieten bzw. einen Daumen Hoch halten.
Wir freuen uns über alle Interessierten und werden das nächste Semester gemeinsam rocken.
Was wir uns bisher vorstellen sind drei Projekte, die über das Semester verteilt werden. Die ersten beiden werden in einem Abstand von drei Wochen stattfinden und sollen euch wieder in die Programmierung hineinbringen. Das Ziel der Aufgaben ist es, euer Portfolio mit generativer Gestaltung zu erweitern.
Die dritte und damit Endaufgabe halten wir so lange wie es geht Top Secret. Wer es nicht aushält, kann sehr gerne ein eigenes Thema bearbeiten. Wir unterstützen euch dann jeweils.
Array/Schneeflocken Beispiel
// globable Arrays für die Ablage der Position
float xpos[] = new float[150];
float ypos[] = new float[150];
void setup () {
size(500, 500);
smooth ();
// Einmaliges Festlegen der x- und y-Position
for (int i=0; i < ypos.length; i++) {
xpos[i] = random (width);
ypos[i] = 0;
}
}
void draw () {
// Hintergrund leeren
background (0);
stroke(255);
// Führe die Schleife für jeden einzelnen
// Kreis aus, angegeben durch die Länge von 'xpos'
for (int i=0; i < ypos.length; i++) {
// Position modifiziere
ypos[i] = ypos[i] + 1 + i*.01;
// Zurücksetzen der Position auf den oberen
// Bildschirmrand wenn die Position größer als
// die Bildschrimhöhe ist
if (ypos[i] > height) {
ypos[i] = 0;
xpos[i] = random(width);
}
// Zeichnen der Schneelocke an die aktuelle Position
stroke(255, i*2);
line(xpos[i], ypos[i], xpos[i] + i*.1, ypos[i]);
line(xpos[i], ypos[i], xpos[i] - i*.1, ypos[i]);
line(xpos[i], ypos[i], xpos[i], ypos[i] + i*.1);
line(xpos[i], ypos[i], xpos[i], ypos[i] - i*.1);
line(xpos[i], ypos[i], xpos[i] + i*.05, ypos[i] + i*.05);
line(xpos[i], ypos[i], xpos[i] - i*.05, ypos[i] - i*.05);
line(xpos[i], ypos[i], xpos[i] - i*.05, ypos[i] + i*.05);
line(xpos[i], ypos[i], xpos[i] + i*.05, ypos[i] - i*.05);
}
}
Midi Visualisaton
The Clavilux 2000 is an interactive instrument for generative music visualization, which is able to generate a live visualization of any music played on a digital piano. The setting of the installation consists of three parts: A digital piano with 88 keys and midi output, a computer running a vvvv patch and a vertical projection above the keyboard.
For every note played on the keyboard a new visual element appears in form of a stripe, which follows in its dimensions, position and speed the way the particular key was stroke. Colours give the viewer and listener an impression of the harmonic relations: Each key has it’s own color scheme and “wrong” notes stand out in contrasting colors.
Perlin Noise Beispiel
Hier der Code des Noisebeispiels basierend auf Perlin Noise:
void setup() {
size (1024, 768);
background (255);
noStroke ();
fill (0);
smooth();
}
void draw() {
background(255);
for (int x=0; x < 200; x++) {
for (int y=0; y < 200; y++) {
ellipse (x * 5,
y * 5,
noise ((x + mouseX) * 0.05) * 10,
noise ((y + mouseY) * 0.05) * 10
);
}
}
}
Typografie Beispiel
Filed under cc1
Das Typografiebeispiel: Texte Das Original Projekt Poetry on the roads
