Bezier
In der Gruppe die Basis Version von Sprint 1 fertigstellen und mit den individuellen Varianten beginnen. Macht mehrere Varianten! Vergleicht sie auf ihre visuelle Qualität hin. Wählt aus, welche ihr morgen zeigen wollt.
-
Felisha, Samson und Mirja: Loop, Sinus/ Cosinus und MouseY/MouseX
-
Marina, Christina, Laurent: Loop im Loop
-
Hannes Salzmann, Dimitri Gadola, Fiona Zellweger: Transformation, Rotation, Skalierung Koordinatensystem.
-
Elias, Lena, Valerie: random, noise und Verschiebung des Koordinatensystems (translate, rotate, push und pop)
-
Perla, Christine Pixel
-
Yanni Lukas: Übergänge rechnen mit easings
let breite=100;
let colorA, colorB;//globale variablen
//im setup
colorA = color(102, 93, 156, 110);
colorB = color(212, 17, 56, 110);
// im loop
for (let j = 1; j < anzahl; j++) {
//mit lerpColor eine Farbmischung rechnen
let pos = map(j * breite, 0, width, 0, 1);//lerpColor erwartet einen Wert zwischen 0 und 1
let colorC = lerpColor(colorA, colorB, pos);
fill(colorC);
//zeichnen ....
}- https://vimeo.com/106757336 (4 Minuten visuelle Erklärung)
- https://blog.maximeheckel.com/posts/cubic-bezier-from-math-to-motion/
- https://editor.p5js.org/codingtrain/sketches/Z53a719cQ (Example D. Shiffman)
- Bezier: https://github.com/digitalideation/colabor2024/blob/main/2024-05-06/bezier.zip
- Transitions: https://github.com/digitalideation/colabor2024/blob/main/2024-05-06/transitions.zip
(Alle mit PW colabor24)
https://vimeo.com/943342100?share=copy (If, While, For Schleife, Loop, Sinus/ Cosinus und MouseY/MouseX)
https://vimeo.com/943342144?share=copy Loop im Loop, colorMode
https://vimeo.com/943342199?share=copy Transformation, Rotation, Skalierung Koordinatensystem.
https://vimeo.com/943342476?share=copy random, noise und Verschiebung des Koordinatensystems (translate, rotate, push und pop)
