Um zu lernen wie in Processing ein Zustand gespeichert und verändert werden kann, experimentierte ich selbständig anhand einer kleinen Übung. Mein Ziel war es, eine Linie, welche immer in Bewegung ist, mit der Tastatur manipulieren zu können, was der Grundfunktion des Snake-Spiels entspricht.

Der Mechanismus hinter den rekursiven Funktionen sollte uns anhand eines Programmierbeispiels verständlich gemacht werden. Bei diesem Beispiel wird ein Baum generiert. Wir erhielten den Auftrag, dieses Beispiel zu erweitern oder ein neues Programm mit rekursiven Funktionen zu erstellen. Ich wollte etwas neues machen und hatte zuerst die Idee, ein sich zufällig ausbreitendes Feuerwerk darzustellen. Diese…

REPETITION – AUFARBEITUNG   MONTAG, 23.09.2013 Da die Vorlesung verschoben wurde, hatten wir keinen Unterricht und waren auf uns selbst gestellt.   EIGENERFAHRUNG Ich arbeitete die Blogs auf und erstellte die Beispiele neu, um den bisherigen behandelten Stoff zu repetieren.Wenn ich denke ich hab’s verstanden, mache ich am Tag darauf eine andere Erfahrung.

KOORDINATENSYSTEM – REKURSIVE FUNKTIONEN – FRAKTALE http://blogs.iad.zhdk.ch/codingspace/koordinatensystem/                       http://blogs.iad.zhdk.ch/codingspace/lektionen/lektion-5/ FREITAG, 20.09.2013 Wir bearbeiteten die rekursive Funktion sowie ein weiteres Beispiel wo die Position der Maus direkten Einfluss die <push/popMatrix> hat. Bei den der aufgabe der rekursiven Funktion sollten wir mit den Werten herumspielen und die Auswirkung sehen, damit wir den ganze Code verstehen. Ebenfalls gab es…

Ziel war es, ein einfaches Zeichenprogramm zu erstellen, das eine Auswahl an Farben, sowie eine Löschfunktion bietet. Im Code definierte ich nach dem “void setup()” erstellte ich erst vier verschiedene Variabeln (x,y,z,q) denen ich später die gewünschten Farbwerte zuordnen konnte, sowie eine um alles bisherige zu überschreiben/löschen (d). void setup() { size(500, 500); background(255, 255,…

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. Variablen: Danach hat uns Max mit der Bedeutung von Variablen vertraut gemacht. So konnten wir dann zum Beispiel…

Ein kleines Smiley soll sich ums ein grosses Smiley drehen. Das grosse Smiley soll abhängig vom Mauscursor skaliert werden.

Hier meine Lösung der Aufgabe. Check it Live Okay, falsch verstanden. Ich habe nun den zweiten Smiley verschachtelt in die erste Matrix-Verschiebung. Nun funktionierts. Der Code dazu: float radian = 0; void setup() { size(400,400); // def. fenstergroesse smooth(); // aktiviere antialiasing strokeWeight(15); // linienbreite } void draw() { background(255); // def. hintergrundfarbe radian +=…

Mit den Variablen “mouseX” und “mouseY” kreierten eine Ellipse deren Position von den Koordinaten des Maus-Crusors abhängig ist. Dazu verwendeten wir die Funktion “draw”, die vom Programm fortlaufen – also 60 mal in der Sekunde – ausgeführt wird und somit die Position der Maus ständig updatet und auf jene der Ellipse überträgt. Dies könnten wir…

Unsere Aufgabe war es einen zufälligen Wald zu zeichnen. Zuerst habe ich eine Funktion erstellt, mit welcher ein Baum gezeichnet wird. Damit der Wald etwas abwechslungsreich erscheint, habe ich zwei Baumvarianten definiert. Einen Apfelbaum und eine Tanne. Dazu wird die grüne Farbe der Blätter per Zufall generiert. Die Bäume werden mit den Funktionen pushMatrix() und…