Processing Workshop Teil 1

admin — Tue, 22 Jun 2010 09:22:39 +0000

Nach einem Tutorial von Markus Walthert

setup und draw
Die Grundzüge einer einfachen processing Anwendung besteht aus dem setup() und dem draw(). Das setup() wird in der Programmausführung einmal durchlaufen und legt die ersten Einstellungen wie der Größe des Darstellungsfensters fest. Die draw() wird zyklisch durchlaufen wobei jeder Zyklus neue Bedingungen erfüllen kann, z.B. die Mausposition in eine Ellipsengröße umwandeln.

void setup(){
 size(300,300);
}
 
void draw(){
 ellipseMode(CENTER);
 ellipse(mouseX, mouseY, pmouseX, pmouseY);
}

Draw Drop

admin — Sat, 12 Jun 2010 10:07:43 +0000

This is how to make Processing draw a drop on the stage.

int coord = 0; // X- und Y-Koordinate
int d = 1; // Kreisdurchmesser
 
void setup() {
 size(400, 400);
 noStroke()
 background(255);
 fill(0);
}
 
void draw() {
 ellipse(coord, coord, d, d);
 coord++;
 d++;
}

TOOLBOX INTERACTION DESIGN » Variablen/Schleifen

Processing Workshop Teil 1

Draw Drop