DIP - Programmierung Teil 2 Übung4: Unterschied zwischen den Versionen
(→Interessante Funktionen für diese Aufgabe) |
|||
Zeile 17: | Zeile 17: | ||
<iframe key="p5js" path="flotorious/sketches/nWh5bOrEz" w="1000" h="800"></iframe> | <iframe key="p5js" path="flotorious/sketches/nWh5bOrEz" w="1000" h="800"></iframe> | ||
+ | |||
+ | == Lösungsansatz == | ||
+ | <pre> | ||
+ | |||
+ | function setup() { | ||
+ | createCanvas(400, 400); | ||
+ | background(0, 255, 0); | ||
+ | } | ||
+ | |||
+ | function draw() { | ||
+ | for (x = 100; x < 200; x++) { | ||
+ | for (y = 100; y < 200; y++) { | ||
+ | stroke(random(0,255), random(0,255), random(0,255)); | ||
+ | point(x,y); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | </pre> |
Version vom 17. August 2020, 19:30 Uhr
Inhaltsverzeichnis
Aufgabe
- Das obige Bild soll nachgezeichnet werden
- Es zeigt etwa mittig ein Quadrat, das mit zufälligen Pixelfarben gefüllt ist
- Tip: Du musst 2 Schleifen ineinander schachteln, um das Ergebnis zu erreichen
Interessante Funktionen für diese Aufgabe
- Nachgeschlagen in der von p5js
- for Schleife
- point()
- stroke()
- random()
Gemeinsam erarbeitete Lösung
Lösungsansatz
function setup() { createCanvas(400, 400); background(0, 255, 0); } function draw() { for (x = 100; x < 200; x++) { for (y = 100; y < 200; y++) { stroke(random(0,255), random(0,255), random(0,255)); point(x,y); } } }