Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- api:documentation:processing:start [2021/01/23 20:00] – [Zustandsorientiertes Zeichnen von grafischen Objekten] 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>
+<HTML>
+<div class="java-online" style="height: 500px; width: 100%" data-java-online="{'withBottomPanel': false, 'id': 'ProcessingAnimation1'}">
+<script type="text/plain" title="Animation1.java">
+new AnimationDemo().main();
+class AnimationDemo extends PApplet {
+   float t = 0;
+   public void settings() {
+      createCanvas(1000, 1000);
+      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.4;
+         stroke(80, 80, 200);
+         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, 150 * sin(t1 * 0.7));
+      }
+   }
+}</script>
+</div>
+</HTML>
+ \\
+===== Interaktion mit Maus und Tastatur =====