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

Keine Bearbeitungszusammenfassung
Zeile 54: Zeile 54:


# Verändere die Eingabe (<code>x</code> und <code>y</code>) und beobachte, wie der Punkt wandert.
# Verändere die Eingabe (<code>x</code> und <code>y</code>) und beobachte, wie der Punkt wandert.
# Ermittle aus deinen Beobachtungen, wie das Koordinatensystem von Processing aufgebaut ist. Wo befindet sich der Ursprung? In welche Richtung gehen die Achsen?
# Zeichne zu deinen Beobachtungen ein Koordinatensystem, das dem System von {{Processing}} entspricht.
# Zeichne zu deinen Beobachtungen ein Koordinatensystem, das dem System von {{Processing}} entspricht.
{{Aufgabe:End}}
{{Aufgabe:End}}
== Zusatzaufgabe ==
{{Collapse:Start}}
Versuche mit dem bekannten {{Processing Ref|line()}} Befehl das Koordinatensystem in Processing darzustellen. (Setze die Fenstergröße wie oben auf 400x400 Pixel.)
'''Tipp:''' Mit {{Processing Ref|text()}} kannst du den Text für die Achsenbezeichnungen auf den Bildschirm schreiben.
{{Collapse:End}}
{{Lösung:Start}}
Eine mögliche Lösung:
<syntaxhighlight lang="java" line="1">
size(400, 400);
fill(0,0,0);
// x-Achse
line(4,4, 396,4);
line(396,4, 394,2);
line(396,4, 394,6);
text("x", 390, 16);
// y-Achse
line(4,4, 4,396);
line(4,396, 2,394);
line(4,396, 6,394);
text("y", 16, 390);
</syntaxhighlight>
{{Lösuing:End}}