Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Installing Processing

Processing ist eine Programmierumgebung(IDE) die auf der Programmiersprache Java basiert. Da Processing Open Source ist könnt ihr es hier frei runterlanden.

Grundübung

Beispiel 1 – Zeichenausgabe

Dieses Beispiel zeigt wie man direkt ohne grosse Umwege zeichnen kann. Hier findet ihr weitere Zeichenbefehle und die Dokumentation der Befehleis a programming environment (Integrated development environment IDE) based on the programming language Java. Processing is Open Source and you can download it for free here.


Example 1 - Character output

This example shows how to draw graphics directly to an output window. You can find further drawing functions Processing reference page ( link ).

Code Block
languagejava
size(300,300); // def. fenstergroessedefine window size 
 background(0); // def.define hintergrundfarbe
 smooth(); // aktiviere antialiasing
 background colour 
 stroke(255,255,255); // def. zeichenfarbedefine line colour 
line(100,10,100,150); // draw zeichnea eineline linie
 line(150,10,150,200);
 line(200,10,200,250);
fill(0,0,0); // def. fuellfarbe define fill colour 
 strokeWeight(5); // line thickness strichstaerke
 ellipse(100,150,50,50); // zeichendraw einean ellipse
 ellipse(150,200,50,50); // draw zeichenan eine ellipse
 noFill(); // turn keineof fuellungfill
 ellipse(200,250,50,50); // draw zeichenan eine ellipse

Beispiel 2 – Komplexe Formen

...



Code Block
languagejava
size(300,300); // def. fenstergroesse
 background(0); // def. hintergrundfarbe
stroke(255); // def. zeichenfarbe
 strokeWeight(8); // linienbreite
 strokeJoin(MITER); // default
 //strokeJoin(BEVEL);
 //strokeJoin(ROUND);
 noFill();
beginShape();
 vertex(50,50);
 vertex(200,50);
 vertex(200,200);
 vertex(50,200);
 vertex(50,100);
 vertex(150,100);
 vertex(150,150);
 endShape();

...