Lernpfad:Einführung in Processing/7

Vorheriger Schritt

Nächster Schritt

Interaktionen

Im aktiven Modus sind nun Interaktionen sehr leicht umsetzbar.

Arbeitsauftrag

1. Studiere das folgende Programm, probier es dann aus und erkläre seine Funktionsweise.

   void setup() {
     size(200,200);
   }
   
   void draw() {
     circle(mouseX, mouseY, 20);
   }
   

2. Ergänze den Befehl background(200); in draw() vor circle(). Erkläre die Veränderung des Programms.
3. Verschiebe den background() Befehl hinter circle(). Deckt sich deine Beobachtung mit deiner Vermutung?

Übungsaufgaben

Arbeitsauftrag

1. Programmiere eine Linie, die in einer der vier Ecken beginnt und bis zum Mauszeiger zeigt.

<iframe src="https://preview.p5js.org/Ngb/embed/Lp3wJoAmm"></iframe>