DIP - Programmierung Teil 2 Übung1: Unterschied zwischen den Versionen

Aus DDSWiki
Wechseln zu: Navigation, Suche
(Gemeinsam erarbeitete Lösung)
 
(17 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 7: Zeile 7:
 
* Nachgeschlagen in der [https://p5js.org/reference/ Referenz von p5js]
 
* Nachgeschlagen in der [https://p5js.org/reference/ Referenz von p5js]
 
* [https://p5js.org/reference/#/p5/circle Circle] -- circle(30, 30, 20);
 
* [https://p5js.org/reference/#/p5/circle Circle] -- circle(30, 30, 20);
* [https://p5js.org/reference/#/p5/line Linie]
+
* [https://p5js.org/reference/#/p5/line Linie] -- line (10,10,70,70);
 
* [https://p5js.org/reference/#/p5/background] -- background(255, 204, 0);
 
* [https://p5js.org/reference/#/p5/background] -- background(255, 204, 0);
  
== Gemeinsam erarbeitete Lösung ==
+
== Probiere selbst ==
* https://editor.p5js.org/flotorious/sketches/uBvA1Mv3T
 
 
 
 
<iframe key="p5js" path="flotorious/sketches/uBvA1Mv3T" w="1000" h="800"></iframe>
 
<iframe key="p5js" path="flotorious/sketches/uBvA1Mv3T" w="1000" h="800"></iframe>
 
<pre>
 
function setup() {
 
  createCanvas(400, 400);
 
  background(200);
 
  circle(200, 200, 200);
 
  circle(150, 175, 50);
 
  circle(250, 175, 50);
 
  line(160, 250, 240, 250);
 
}
 
</pre>
 
 
 
<pre>
 
function setup() {
 
  createCanvas(400, 400);
 
}
 
function draw() {
 
  background(220);
 
  circle(200, 200, 300);
 
  line (120, 250, 280, 250);
 
  circle (150, 140, 30);
 
  circle (250, 140, 30);
 
}
 
</pre>
 
 
== Happy Version ==
 
[[image: happy4.png|400px]]
 

Aktuelle Version vom 29. Oktober 2023, 19:55 Uhr

Smile1.png

Aufgabe

  • Generiere dieses Gesicht (oben) in p5js!

Interessante Funktionen für diese Aufgabe

Probiere selbst