api:documentation:processing:start
Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende Überarbeitung | ||
api:documentation:processing:start [2021/01/23 20:00] – [Zustandsorientiertes Zeichnen von grafischen Objekten] Martin Pabst | api:documentation:processing:start [2023/06/11 15:26] (aktuell) – [Interaktion mit Maus und Tastatur] Martin Pabst | ||
---|---|---|---|
Zeile 105: | Zeile 105: | ||
</ | </ | ||
+ | | ||
+ | ===== Animationen erstellen mit Processing ===== | ||
+ | <WRAP center round info 60%> | ||
+ | Die '' | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | |||
+ | <div class=" | ||
+ | |||
+ | <script type=" | ||
+ | new AnimationDemo().main(); | ||
+ | |||
+ | class AnimationDemo extends PApplet { | ||
+ | |||
+ | float t = 0; | ||
+ | |||
+ | | ||
+ | createCanvas(1000, | ||
+ | fill(150, 150, 150, 120); | ||
+ | strokeWeight(20); | ||
+ | } | ||
+ | |||
+ | | ||
+ | background(20); | ||
+ | | ||
+ | t += 0.04; | ||
+ | float r = 300; | ||
+ | |||
+ | for(int i = 0; i < 10; i++) { | ||
+ | | ||
+ | float t1 = t + i * 0.4; | ||
+ | |||
+ | | ||
+ | float mx = 500 + r * cos(t1); | ||
+ | float my = 600 + r * sin(t1); | ||
+ | | ||
+ | |||
+ | t1 += 3.1; | ||
+ | | ||
+ | mx = 500 + r * cos(-t1); | ||
+ | my = 400 + r * sin(-t1); | ||
+ | |||
+ | | ||
+ | |||
+ | } | ||
+ | } | ||
+ | }</ | ||
+ | |||
+ | </ | ||
+ | |||
+ | </ | ||
+ | | ||
+ | ===== Interaktion mit Tastatur ===== | ||
+ | < | ||
+ | |||
+ | <div class=" | ||
+ | |||
+ | <script type=" | ||
+ | new Pong().main(); | ||
+ | |||
+ | class Pong extends PApplet { | ||
+ | |||
+ | | ||
+ | | ||
+ | | ||
+ | |||
+ | | ||
+ | | ||
+ | |||
+ | | ||
+ | |||
+ | | ||
+ | createCanvas(800, | ||
+ | } | ||
+ | |||
+ | | ||
+ | background(0); | ||
+ | schläger1y += vySchläger; | ||
+ | fill(" | ||
+ | rect(0, schläger1y - 50, 20, 100); | ||
+ | | ||
+ | ballX += vxBall; | ||
+ | ballY += vyBall; | ||
+ | |||
+ | if(ballX > 790) vxBall *= -1; | ||
+ | if(ballY < 10 || ballY > 590) vyBall *= -1; | ||
+ | |||
+ | if(ballX < 30 && Math.abs(ballY - schläger1y) < 100) { | ||
+ | | ||
+ | } | ||
+ | |||
+ | if(ballX < 0) { | ||
+ | | ||
+ | | ||
+ | } | ||
+ | | ||
+ | fill(" | ||
+ | circle(ballX, | ||
+ | } | ||
+ | |||
+ | | ||
+ | if(key == ' | ||
+ | | ||
+ | } | ||
+ | if(key == ' | ||
+ | | ||
+ | } | ||
+ | } | ||
+ | |||
+ | | ||
+ | vySchläger = 0; | ||
+ | } | ||
+ | |||
+ | }</ | ||
+ | |||
+ | </ | ||
+ | |||
+ | </ | ||
api/documentation/processing/start.txt · Zuletzt geändert: 2023/06/11 15:26 von Martin Pabst