api:documentation:processing:start
Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende ÜberarbeitungNächste ÜberarbeitungBeide Seiten der Revision | ||
api:documentation:processing:start [2021/01/23 19:53] – Martin Pabst | api:documentation:processing:start [2021/01/26 12:13] – Martin Pabst | ||
---|---|---|---|
Zeile 86: | Zeile 86: | ||
| | ||
createCanvas(800, | createCanvas(800, | ||
- | background(60); // füllt den Hintergrund | + | background(80, 80, 255); // füllt den Hintergrund |
- | fill(255); | + | |
- | | + | strokeWeight(10); |
- | text("Hallo Welt!", 50, 300); // Text an der Position | + | |
+ | | ||
+ | fill(i * 25, 255 - i * 25, 0, 100); // der viere Wert (100) ist der Alpha-Wert ( = Undurchsichtigkeit) | ||
+ | circle(50 + i * 60, 200, 100); | ||
+ | |||
+ | | ||
+ | | ||
+ | | ||
+ | } | ||
} | } | ||
+ | }</ | ||
+ | |||
+ | </ | ||
+ | |||
+ | </ | ||
+ | |||
+ | |||
+ | < | ||
+ | |||
+ | <div class=" | ||
+ | |||
+ | <script type=" | ||
+ | new AnimationDemo().main(); | ||
+ | |||
+ | |||
+ | class AnimationDemo extends PApplet { | ||
+ | |||
+ | float t = 0; | ||
+ | |||
+ | | ||
+ | createCanvas(1000, | ||
+ | stroke(80, 80, 200); | ||
+ | fill(150, 150, 150, 120); | ||
+ | strokeWeight(20); | ||
+ | } | ||
+ | |||
+ | | ||
+ | background(20); | ||
+ | | ||
+ | t += 0.04; | ||
+ | |||
+ | for(int i = 0; i < 10; i++) { | ||
+ | | ||
+ | float t1 = t + i * 0.3; | ||
+ | |||
+ | float mx = 500 + 300 * cos(t1); | ||
+ | float my = 500 + 300 * sin(t1); | ||
+ | |||
+ | | ||
+ | |||
+ | } | ||
+ | } | ||
} | } | ||
</ | </ |
api/documentation/processing/start.txt · Zuletzt geändert: 2023/06/11 15:26 von Martin Pabst