Erstelle ein Fenster der Größe 800 x 800 Pixel mit einem weißen Hintergrund. Zeichne nun einen Kreis an der Stelle, wo sich der Mauszeiger befindet. Verwende dafür die vordefinierten Variablen mouseX und mouseY.
Schreibe ein ein Programm, bei welchem der Hintergrund schwarz ist und die Maus mit einem Kreis (Durchmesser 15) als Radiergummifunktioniert.
Tipp:
Der Befehl noStroke(); entfernt die schwarze
Umrandung des Kreises.
Wir wollen die Illusion erwecken, dass sich der Kreis bewegt und nicht immer neu gezeichnet wird. Dazu müssen wir den Hintergrund immer neu befüllen und somit den "alten" Kreis (aus dem vorigen draw()-Aufruf) übermalen. Programmiere folgendes Programm:
Wir wollen die Farbe des Kreis abhängig von der Mausposition zu ändern. Dies kannst du machen, indem du mouseX und mouseY im fill-Befehl verwendest. Die Farben müssen nicht genau diesem Beispiel entsprechen.
Programmiere eine Linie, bei der ein Endpunkt immer der Maus folgt.
Welchem Prinzip folgt das Rechteck in dem interaktiven Feld?
Finde es heraus und programmiere es nach.
Zeichne zwei Linien, die parallel zur x- bzw. y-Achse sind und immer der Maus folgen. Der Schnittpunkt liegt genau auf dem Mauszeiger.
Programmiere am besten zunächst nur eine der beiden Linien, dann ist es leichter, die zweite Linie hinzuzufügen.
Welchem Prinzip folgt das Rechteck in dem interaktiven Feld?
Finde es heraus und programmiere es nach.