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

Lernpfad:Einführung in Processing/9 (Quelltext anzeigen)

Version vom 19. November 2021, 10:27 Uhr

770 Bytes hinzugefügt , 10:27, 19. Nov. 2021

keine Bearbeitungszusammenfassung

Jneug

8.581

Bearbeitungen

@@ Zeile 88: / Zeile 88: @@
 # Animiere ein Quadrat in der Mitte der Zeichenflache, dass beginnend von der Kantenlänge 1 immer weiter wächst.
 # Animiere eine Form, die ihre Position zufällig auf der Zeichenfläche verändert.
+#: Du kannst mit {{Processing Ref|random()}} eine zufällige ''Dezimalzahl''  (Datentyp <code>float</code>) erzeugen. Beachte, dass du dann auch die Variablen mit dem Typ <code>float</code> deklarieren musst.
 #: '''Tipp''': Geht dir die Animation zu schnell, kannst du mit {{Processing Ref|frameRate()}} die Geschwindigkeit ändern, in der <code>draw()</code> aufgerufen wird.
 # Ändere das Programm aus 2. so ab, dass sich auch die Farbe der Form zufällig ändert.
+#: '''Tipp''': Denk an die entsprechende Aufgabe aus dem letzten Schritt.
 # Programmiere einen Ball, der in einer zufälligen Richtung über den Bildschirm fliegt.
 #: '''Hinweis''': Du musst nun nicht nur die <code>x</code>, sondern auch die <code>y</code> Koordinate ändern. Außerdem musst du die Änderung auch als Variable speichern. Denk dabei an die ''Ausführungsreihenfolge'' und an welcher Stelle du die Variablen für die Richtung ''initialisieren'' musst.
@@ Zeile 115: / Zeile 117: @@
 {{Lösung:Start|Aufgabe 2}}
 <syntaxhighlight lang="java" line="1">
-int size = 1;
+float x = 50;
+float y = 50;
+void setup() {
+  frameRate(2);
+}
+void draw() {
+  x = random(100);
+  y = random(100);
+  background(200);
+  rectMode(CENTER);
+  fill(64, 12, 212);
+  noStroke();
+  rect(x, y, 10, 10);
+}
+</syntaxhighlight>
+{{Lösung:End}}
+{{Lösung:Start|Aufgabe 3}}
+<syntaxhighlight lang="java" line="1">
+float x = 50;
+float y = 50;
+int r = 0;
+int g = 0;
+int b = 0;
+void setup() {
+  frameRate(2);
+}
 void draw() {
+  x = random(100);
+  y = random(100);
+  r = int(random(256));
+  g = int(random(256));
+  b = int(random(256));
    background(200);
    rectMode(CENTER);
-   fill(123, 64, 12);
+   fill(r, g, b);
    noStroke();
-   rect(50, 50, size, size);
+   rect(x, y, 10, 10);
-  size = size + 1;
 }
 </syntaxhighlight>