19. September 2013

EINFÜHRUNG IN DIE COMPUTERWELT - PROCESSING PROGRAMMIERSPRACHE - ZEICHENAUSGABE - KOMPLEXE FORMEN - FARBE UND TRANSPARENZ - VARIABLEN - FUNKTIONEN http://blogs.iad.zhdk.ch/codingspace/lektionen/lektion-1/ http://blogs.iad.zhdk.ch/codingspace/lektionen/lektion-1-5/ http://blogs.iad.zhdk.ch/codingspace/lektionen/funktionen/ DIENSTAG, 17.09.2013 Wir begannen traditionell mit einer kurzen <icebreaker round> gefolgt von einem Einblick in die Computerwelt/geschichte/Generative Art/ Programming Pioneers (zB: Sketch Pad – Ivan Sutherland / Karl Sims), sowie in die Programmiersprache <Processing>, welche auf <Java> basiert. Die ersten Übungen bestanden darin eine Zeichenausgabe mit einfachen sowie komplexen Formen inkl. Farbe/Transparenz  zu erreichen. Dadurch verwendeten wir <Variablen>, sogenannte Platzhalter wie (zB: int, float, boolean, char) und bestehende <Funktionen> von <Processing>. EIGENERFAHRUNG Obwohl ich mit <Java> viel zu tun hatte und so einiges kenne, ist für mich die Art und Weise wie man mit <Processing> arbeitet sehr ungewohnt. Es ist das erste Mal, dass ich Programmcode benutze um direkt einen grafischen Output zu erzielen. Ich finde es sehr interessant die Ähnlichkeiten zu <Java> zu sehen und mein vorhandenes Wissen mit den neuen Erkenntnissen etc. zu erweitern.

Beispiel 1
// variablen deklaration
int x1 = 15;
float valF = 0.323;
boolean bFlag = false;
String message = new String("hallo 1");
char character = 'g';

String msg1 = new String("hallo 2");

println(x1);
println(valF);
println(bFlag);
println(message);
println(character);
println(msg1);




Konsolen-Output 1
   











Beispiel 2
 size(300,300);   // def. fenstergroesse
 background(0);   // def. hintergrundfarbe
 smooth();   // aktiviere antialiasing
 stroke(255,255,255);   // def. zeichenfarbe

line(100,10,100,150);   // zeichne eine linie
 line(150,10,150,200);   // zeichne eine linie
 line(200,10,200,250);   // zeichne eine linie

fill(0,0,0);   // def. fuellfarbe
 strokeWeight(5);   // strichstaerke
 fill(200,100,10);   //def. fuellfarbe der ellipse
 ellipse(100,150,50,50);  // zeichen eine ellipse
 ellipse(150,200,50,50);  // zeichen eine ellipse
 noFill();   // keine fuellung
 ellipse(200,250,50,50);   // zeichen eine ellipse

Output 2
  


















Beispiel 3
size(300,300);   // def. fenstergrösse
background(0);   // def. hintergrundfarbe

noStroke();   // keine kontur
fill(210,200,200);   // def. fuellfarbe
ellipse(125,200,50,50);   // zeichnen einer ellipse

stroke(150,10,10);   // def. konturfarbe
fill(100,100,90,180);   // def. fuellfarbe

beginShape();   // komplexe form
  vertex(50,50);   // def. punkt im koordinatensystem
  vertex(125,150);   // alle def. punkte werden mit dem vorh. verbunden
  vertex(200,50);
  vertex(200,200);
  vertex(50,200);
  vertex(50,50);
endShape();

Output 3