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

keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 466: Zeile 466:


{{Aufgabe:Start}}
{{Aufgabe:Start}}
# Simuliere Ballons (bunte Ellipsen), die vom unteren Bildschirmrand nach oben steigen. Die Koordinaten der Regentropen werden in zwei Arrays gespeichert (<code>xkoords</code> und <code>ykoords</code>). Zeige zunächst 10 Ballons an. Sobald die Ballons den oberen Rand erreichen, "platzen" sie und tauchen unten wieder auf.
# Simuliere Ballons (bunte Ellipsen), die vom unteren Bildschirmrand nach oben steigen. Die Koordinaten der Regentropen werden (als <code>float</code>) in zwei Arrays gespeichert (<code>xcoords</code> und <code>ycoords</code>). Zeige zunächst 10 Ballons an. Sobald die Ballons den oberen Rand erreichen, "platzen" sie und tauchen unten wieder auf.


{{P5js|https://editor.p5js.org/Ngb/full/MFsgYHL8X|height=500}}
{{P5js|https://editor.p5js.org/Ngb/full/MFsgYHL8X|height=500}}
{{Aufgabe:End}}
{{Aufgabe:End}}
{{Tipp:Start}}
{{Tipp:Start}}
Du kannst die nötigen Arrays in dieser Art erstellen:
<syntaxhighlight lang="java">
float[] xcoords = new float[10];
</syntaxhighlight>


{{Tipp:End}}
 
{{Lösung:Start|Eine mögliche Lösung}}
Nutze in <code>void setup()</code> eine <code>for</code>-Schleife, um eine Variable <code>i</code> von <code>0</code> bis <code>xcoords.length</code> laufen zu lassen. Setze im Schleifenrumpf in den beiden Arrays die initialen Koordinaten (z.B. Zufallswerte).
<syntaxhighlight lang="java">
for( int i = 0; i < xcoords.length; i++ ) {
    xcoords[i] = random(0, width);
    ycoords[i] = height;
}
</syntaxhighlight>
 
 
Verfahre in <code>void draw()</code> ähnlich und nutze eine Zählschleife, um die Ballons zu zeichnen.
{{Tipp:End}}{{Lösung:Start|Eine mögliche Lösung}}
float[] xcoords = new float[10];
float[] xcoords = new float[10];
float[] ycoords = new float[10];
float[] ycoords = new float[10];
8.581

Bearbeitungen