8.581
Bearbeitungen
Lernpfad:Einführung in Processing/16: Unterschied zwischen den Versionen
Lernpfad:Einführung in Processing/16 (Quelltext anzeigen)
Version vom 4. Februar 2022, 00:36 Uhr
, 00:36, 4. Feb. 2022keine Bearbeitungszusammenfassung
Jneug (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „{{NNavigation}} == tixy == Im Tauschordner findest du ein {{Processing}}-Projekt mit dem Namen <code>tixy</code>. Öffne das Projekt und sieh es dir an. Du s…“) |
Jneug (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 26: | Zeile 26: | ||
{{Hinweis| | {{Hinweis| | ||
Du kannst Funktionen wir <code>sin</code>, <code>cos</code>, <code>tan</code>, usw. verwenden.}} | Du kannst Funktionen wir <code>sin</code>, <code>cos</code>, <code>tan</code>, usw. verwenden.}} | ||
== Das Muster == | |||
<syntaxhighlight lang="java" line="1"> | |||
float size = 50; | |||
float x = 0; | |||
float y = 0; | |||
void setup() { | |||
size(400, 400); | |||
} | |||
void draw() { | |||
background(200); | |||
float s = size+(size*sin(millis()/1000.0)*0.5); | |||
for ( float i = 0; i < width/s; i+=1.0 ) { | |||
for ( float j = 0; j < height/s; j+=1.0 ) { | |||
fill(255); | |||
stroke(0); | |||
strokeWeight(2); | |||
rect(x + i*s, x+j*s, s, s); | |||
} | |||
} | |||
} | |||
</syntaxhighlight> | |||
Das obige Programm erstellt ein Karo-Muster und animiert es. | |||
{{Aufgabe:Start}} | |||
# Analysiere das Programm und erkläre seine Funktion. Nutze die Fachbegriffe, die du in diesem Lernpfad gelernt hast. | |||
# Animiere das Muster. Du kannst das Programm beliebig modifizieren, aber du musst immer vom ursprünglichen Karo-Muster ausgehen. Sei kreativ! | |||
#* Schau dir für weitere Ideen die Processing Referenz an. | |||
#* Befehle wie <code>rect</code> und <code>line</code> lassen sich durch Angabe einer dritten Koordinate auch in 3D-Darstellen. Lies für weitere Informationen in der Referenz nach. | |||
{{Aufgabe:End}} | |||