Processing

Processing

Processing könnt ihr auf der folgenden Seite herunterladen:Download Processing. Wenn ihr Fragen oder Probleme habt und Hilfe braucht, könnt ihr einfach zu "Fragen" gehen (Inhaltsverzeichnis). Es gibt auf der Webseite von Processing auch eine Erklärung der Befehle nach Gruppen oder nach Alphabet.

Aufgaben

Hier sind Aufgaben (und Lösungen) zu Processing. Ich werde versuchen, jeden Monat eine kleine Aufgabe ins Wiki zu stellen. Falls man dazu gegebenenfalls neue Befehle braucht, werde ich sie dazustellen. Nach einer Woche wird dann eine mögliche Lösung ins Wiki gestellt. Die Musterlösungen könnt ihr kopieren und in Processing einfügen.

2012

14.12. -21.12.

Wie ihr in der Programmierstunde wahrscheinlich schon bemerkt habt, wird, wenn man einen Punkt jeden Durchgang 10 größer macht, nicht nur die Stelle, an der der Punkt sich gerade befindet, gefärbt, sondern auch alle Stellen, an denen der Punkt schon war. Das wollen wir uns zunutze machen. Ihr sollt eine Wiese programmieren, auf der es Grashalme und Blumen in regelmäßigen Abständen gibt.

Eine mögliche Lösung anzeigen

Eine mögliche Lösung verstecken

int Blume = 100;

int Gras  = 0;

void setup() {
 size(screen.width,screen.height);
 background(150,150,255);
 smooth();
}

void draw() {
 stroke(0,255,0);
 strokeWeight(5);
 line(Gras,screen.height-200,Gras,screen.height);
 stroke(0,200,0);
 
 strokeWeight(10);                                    //Blume
 line(Blume,screen.height-400,Blume,screen.height);   //Blume
 strokeWeight(50);                                    //Blume
 point(Blume-15,screen.height-250);                   //Blume
 point(Blume+15,screen.height-250);                   //Blume
 stroke(255,255,0);                                   //Blume
 strokeWeight(20);                                    //Blume
 point(Blume-15,screen.height-415);                   //Blume
 point(Blume,screen.height-415);                      //Blume
 point(Blume+15,screen.height-415);                   //Blume
 point(Blume+15,screen.height-400);                   //Blume
 point(Blume+15,screen.height-385);                   //Blume
 point(Blume,screen.height-385);                      //Blume
 point(Blume-15,screen.height-385);                   //Blume
 point(Blume-15,screen.height-400);                   //Blume
 stroke(85,45,15);                                    //Blume
 strokeWeight(30);                                    //Blume
 point(Blume,screen.height-400);                      //Blume
 
 stroke(255,255,0);                                   //Sonne
 strokeWeight(500);                                   //Sonne
 point(0,0);                                          //Sonne

 stroke(255);                                         //Wolke
 strokeWeight(100);                                   //Wolke
 point(500,200);                                      //Wolke
 point(550,200);                                      //Wolke
 point(600,200);                                      //Wolke
 point(650,200);                                      //Wolke
 point(700,200);                                      //Wolke
 point(500,250);                                      //Wolke
 point(550,250);                                      //Wolke
 point(600,250);                                      //Wolke
 point(650,250);                                      //Wolke
 point(700,250);                                      //Wolke
 
 Blume = Blume + 100;
 Gras = Gras + 10;
}

21.12. -28.12.

Jetzt sollt ihr einen Punkt programmieren, der, wenn man die Maus drückt, nach unten rechts wandert.

Eine mögliche Lösung anzeigen

Eine mögliche Lösung verstecken

int PunktX = 0; int PunktY = 0;

void setup() {

 size(800,800);
 background(255,2);

}

void draw() {

 background(255,255,0);
 if(mousePressed) {
   strokeWeight(10);
   PunktX = PunktX + 1;
   PunktY = PunktY + 1;
 }
 point(PunktX, PunktY);

}

28.12. -31.12.

Als Erweiterung dieser Aufgabe soll der Punkt, wenn man die Maus drückt, nach unten rechts wandern, und wenn man sie nicht drückt, soll der Punkt nach oben links wandern. Hier ist noch eine kleine Hilfe. Ihr könnt für diese Aufgabe auch noch den Befehl boolean benutzen.

Eine mögliche Lösung anzeigen

Eine mögliche Lösung verstecken

int PunktX = 400; int PunktY = 400;

void setup() {

 background(255, 255, 0);
 size(800, 800);

}

void draw() {

 background(255, 255, 0);
 if(mousePressed) {
   PunktX = PunktX + 1;
   PunktY = PunktY + 1;
 }
 else {
   PunktX = PunktX - 1;
   PunktY = PunktY - 1;
 }
 strokeWeight(10);
 point(PunktX, PunktY);

}

2013

Januar

Nun sollt ihr das Programm noch so verbessern, dass der Punkt sich nicht aus dem Fenster heraus bewegt.

Eine mögliche Lösung anzeigen

Eine mögliche Lösung verstecken

int PunktX = 400; int PunktY = 400; int Punkt = 400;

void setup() {

 background(255, 255, 0);
 size(800, 800);

}

void draw() {

 Punkt = PunktX = PunktX;
 background(255, 255, 0);
 if((Punkt >= 0) && (Punkt <= 800)) {
   if(mousePressed) {
     PunktX = PunktX + 1;
     PunktY = PunktY + 1;
   }
   else {
     PunktX = PunktX - 1;
     PunktY = PunktY - 1;
   }
 }
 if(Punkt < 0) {
   PunktX = PunktX + 1;
   PunktY = PunktY + 1;
 }
 if(Punkt > 800) {
   PunktX = PunktX - 1;
   PunktY = PunktY - 1;
 }
 strokeWeight(10);
 point(PunktX, PunktY);

}

Februar

Jetzt sollt ihr ein Strichmännnchen zeichnen, welches, wenn mann die Leertaste drückt, hochspringt(100 - 200 Pixel), und danach wieder auf den Boden fällt.

Eure Lösungen

Wenn ihr möchtet, könnt ihr hier auch eure eigenen Lösungen von den Monatsaufgaben hineinstellen. Dazu müsst ihr nur auf die jeweilige Seite gehen und den Programmtext und euren Wikinamen hinschreiben.

Spiele

Hier werde ich noch ein paar selbstprogrammierte Spiele hineinstellen. Wenn ihr selber Spiele programmiert habt, könnt ihr sie gerne auf diese Seite stellen, ich gucke sie mir an und stelle sie dann zu den anderen.

Das Klick Spiel von Erdmännchen 15:56, 23. Feb. 2013 (CET)

Befehle

Alle Befehle die ich euch zeige, werde ich hier noch einmal genau erklären.

boolean

draw

else

false
float

if
int

line

point

rect

setup

true

Wünsche

Falls ihr Wünsche habt, was auch mal als Aufgabe gestellt werden soll, könnt ihr hier hineinschreiben.

Fragen

Falls ihr irgendwelche Fragen zu Processing habt, könnt ihr sie hier hinschreiben.

Frage: ...

Antwort: ...

Diese Seite wurde erstellt von Erdmännchen 19:10, 14. Feb. 2013 (CET).