Lernpfad:Einführung in Processing/7: Unterschied zwischen den Versionen

#: → {{P5js|https://preview.p5js.org/Ngb/present/2PTVvp9Hu|Beispiel}}

# Programmiere ein "Fadenkreuz": Eine horizontale und eine senkrechte Linie, die sich genau beim Mauszeiger kreuzen.

#: '''Tipp:''' konzentrier dich zunächst auf eine der Linien und überleg dir ihre Start- und Endpunkte.

# Zeichne ein Rechteck in die Mitte des Fensters, bei dem immer eine Ecke der Maus folgt.

# Ein mittig positioniertes Quadrat soll seinen Grauwert ändern, je nachdem, wo sich die Maus befindet. Ist die Maus ganz links, ist das Quadrat schwarz. Ist sie recht, wird das Quadrat weiß.

#: '''Tipp''': Der Grauwert muss in einem Bereich von 0 bis 255 liegen. In welchem Bereich liegt der Wert der Maus-Position? Um die Position auf den Grauwert zu übertragen (man spricht hier auch von Mapping), benötigst Du den Dreisatz.

{{Aufgabe:End}}