Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- api:documentation:processing:start [2021/01/26 12:13] – Martin Pabst
+++ api:documentation:processing:start [2021/12/29 11:29] – Externe Bearbeitung 127.0.0.1
@@ Zeile 105: / Zeile 105: @@
 </HTML>
+ \\
+===== Animationen erstellen mit Processing =====
+<WRAP center round info 60%>
+Die ''draw''-Methode der Klasse ''PApplet'' wird 60-mal pro Sekunde aufgerufen. Wenn Du sie überschreibst, wird **deine** ''draw''-Methode 60-mal pro Sekunde aufgerufen. Damit lassen sich sehr einfach eindrucksvolle Animationen programmieren!
+</WRAP>
@@ Zeile 113: / Zeile 118: @@
 <script type="text/plain" title="Animation1.java">
 new AnimationDemo().main();
 class AnimationDemo extends PApplet {
@@ Zeile 121: / Zeile 125: @@
    public void settings() {
       createCanvas(1000, 1000);
-      stroke(80, 80, 200);
       fill(150, 150, 150, 120);
       strokeWeight(20);
    }
    public void draw() {
       background(20);
       t += 0.04;
+      float r = 300;
       for(int i = 0; i < 10; i++) {
-         float t1 = t + i * 0.3;
+         float t1 = t + i * 0.4;
-         float mx = 500 + 300 * cos(t1);
+         stroke(80, 80, 200);
-         float my = 500 + 300 * sin(t1);
+         float mx = 500 + r * cos(t1);
+         float my = 600 + r * sin(t1);
+         circle(mx, my, 150 * sin(t1 * 0.7));
+         t1 += 3.1;
+         stroke(200, 80, 80);
+         mx = 500 + r * cos(-t1);
+         my = 400 + r * sin(-t1);
-         circle(mx, my, 200 * sin(t1 * 0.7));
+         circle(mx, my, 150 * sin(t1 * 0.7));
       }
    }
-}
+}</script>
-</script>
 </div>
 </HTML>
+ \\
+===== Interaktion mit Maus und Tastatur =====