8.581
Bearbeitungen
Lernpfad:Einführung in Processing/7: Unterschied zwischen den Versionen
Lernpfad:Einführung in Processing/7 (Quelltext anzeigen)
Version vom 28. Januar 2022, 13:55 Uhr
, 13:55, 28. Jan. 2022keine Bearbeitungszusammenfassung
Jneug (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Jneug (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 37: | Zeile 37: | ||
# 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ß. | # 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ß. | ||
#: {{P5js|https://preview.p5js.org/Ngb/present/fZA9aJcTS|→ Beispiel|height=100}} | #: {{P5js|https://preview.p5js.org/Ngb/present/fZA9aJcTS|→ Beispiel|height=100}} | ||
#: '''Tipp''': Der Grauwert muss in einem Bereich von 0 bis 255 liegen. In welchem Bereich liegt der Wert der | #: '''Tipp''': Der Grauwert muss in einem Bereich von 0 bis 255 liegen. In welchem Bereich liegt der Wert der Mausposition? Um die Position auf den Grauwert zu übertragen (man spricht hier auch von Mapping), benötigst du den Dreisatz. | ||
#: '''Achtung''': Damit Java korrekt mit Dezimalzahlen rechnet, musst du die Zahlen immer mit einer Nachkommastelle angeben (z.B. <code>400.0</code>), ansonsten arbeitet Java nur mit Ganzzahlen bei der Division. | #: '''Achtung''': Damit Java korrekt mit Dezimalzahlen rechnet, musst du die Zahlen immer mit einer Nachkommastelle angeben (z.B. <code>400.0</code>), ansonsten arbeitet Java nur mit Ganzzahlen bei der Division. | ||
#: ''Freiwillige Erweiterung'': Kannst du auch ein Quadrat programmieren, dass abhängig von der Mausposition die Farbe ändert? | #: ''Freiwillige Erweiterung'': Kannst du auch ein Quadrat programmieren, dass abhängig von der Mausposition die Farbe ändert? | ||
| Zeile 136: | Zeile 136: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Zusammen mit den Mauspositionen von oben | Zusammen mit den Mauspositionen von oben kannst du so schon richtig viel Interaktion in dein Programm einbauen: | ||
<syntaxhighlight lang="java" line="1"> | <syntaxhighlight lang="java" line="1"> | ||
void setup() { | void setup() { | ||
| Zeile 196: | Zeile 196: | ||
# Schreibe eine "Uhr", die zu Beginn einmal "Start" ausgibt und dann jede Sekunde einmal "Tick". (Nutze den {{Processing Ref|println()}} Befehl dafür.) | # Schreibe eine "Uhr", die zu Beginn einmal "Start" ausgibt und dann jede Sekunde einmal "Tick". (Nutze den {{Processing Ref|println()}} Befehl dafür.) | ||
# Schreibe ein Programm, | # Schreibe ein Programm, das zweimal pro Sekunde die aktuelle X-Position der Maus ausgibt. | ||
{{Zusatzaufgabe:End}} | {{Zusatzaufgabe:End}} | ||