23. September 2013
Einfache Formen: Am zweiten Tag wurden wir noch einmal über die Grundfunktionen von Processing aufgeklärt. So erfuhren wir, was "size" und "background" etc. bedeutet, und konnten zum ersten Mal ein wenig an den Parametern einfacher Formen rumspielen.![sketch 03 B](../../../../files/2013/09/sketch-03-B.png)
![sketch 03 C](../../../../files/2013/09/sketch-03-C-296x300.png)
![sketch 06 B](../../../../files/2013/09/sketch-06-B.png)
![sketch 06 C](../../../../files/2013/09/sketch-06-C-300x250.png)
![Bildschirmfoto 2013-09-23 um 10.48.55](../../../../files/2013/09/Bildschirmfoto-2013-09-23-um-10.48.55-300x210.png)
![rotgruen](../../../../files/2013/09/rotgruen-300x300.jpeg)
![rotgruen](../../../../files/2013/09/rotgruen-300x267.png)
color farbe = color(0, 200, 0); int groesse = 50; void setup() { size(600, 600); background(255); frameRate(180); smooth(); } void draw() { if (mousePressed) { println(mouseButton); switch(mouseButton) { case LEFT: fill(farbe); break; case RIGHT: stroke(255); fill(255); break; } ellipse(mouseX, mouseY, groesse, groesse); } } void keyPressed() { switch(key) { case '1': farbe = color(0, 200, 0); break; case '2': farbe = color(0, 0, 200); break; case '3': farbe = color(255, 0, 0); break; case '4': farbe = color(#F6FF00); break; case '5': farbe = color(#00ECFF); break; // grösser case 'w': groesse +=5; break; // kleiner case 'q': groesse -=5; break; // Repetition case 'r': for (int i = 0; i < 20; i += 1) { for (int j = 0; j < 20; j += 1) { ellipse(i * mouseX, j * mouseY, groesse, groesse); } } } }Ich habe das so gelöst, dass ich zuerst mit der "color" Funktion eine Farbe definiert habe, die Farbe habe ich "farbe" genannt. In der "draw" Funktion habe ich danach mit der "if (mousePressed) "Bedingung" gearbeitet. Mit switch(mouseButton) LEFT oder RIGHT wird entschieden, ob man entweder mit "farbe" oder mit weiss (radieren) malt. Gemalt wird mit einer Ellipse die sich immer an der Mausposition befindet. In der „keyPressed“ Funktion werden dann mit „switch(key)“ mit den Tasten 1 bis 5 auf dem Keyboard die Farben gewechselt. Mit den Tasten „w“ und „q“ kann man die Pinselgrösse verändern. Dies funktioniert so, dass ich eine globale Variable mit der Grösse 50 definiert habe. Diese Variable haben ich „groesse“ genannt und danach in die beiden Radiusgrössen der Ellipse eingegeben. Jedes Mal, wenn jetzt „w“ gedrückt wird, wird „groesse“ um 5 Pixel vergrössert und wenn „q“ gedrückt wird, um 5 Pixel verkleinert.
![Bildschirmfoto 2013-09-23 um 10.52.26](../../../../files/2013/09/Bildschirmfoto-2013-09-23-um-10.52.26-288x300.png)
![sketch 12 B2](../../../../files/2013/09/sketch-12-B2-300x300.png)