Aktuelle Version vom 3. November 2023, 16:26 Uhr

Aufgabe

Das obige Bild soll nachgezeichnet werden
Der Maus-Cursor soll als ein anderes Symbol dargestellt werden
Eine Linie soll die Leinwand halbieren
Wenn die Maus oberhalb der Linie steht soll ein anderer Text gedruckt werden als wenn Maus unterhalb der Linie steht

@@ Zeile 13: / Zeile 13: @@
 * [https://p5js.org/reference/#/p5/mouseX mouseX]
 * [https://p5js.org/reference/#/p5/mouseY mouseY]
-* [https://p5js.org/reference/#/p5/text]
+*  text('hi', 50, 50);[https://p5js.org/reference/#/p5/text]
 == Gemeinsam erarbeitete Lösung ==
@@ Zeile 19: / Zeile 19: @@
 <iframe key="p5js" path="flotorious/sketches/yW7KfRwZT" w="1000" h="800"></iframe>
-== Lösungen ==
-<pre>
-function setup() {
-  createCanvas(400, 400);
-  background (255, 255, 0)
-}
-function draw() {
-  line (0, 200, 400, 200);
-  line (200, 0, 200, 400);
-  if (mouseY<200 && mouseX<200){
-    text("Moin", mouseX, mouseY)
-}
-  else if (mouseY<200 && mouseX>200){
-    text("Hallo", mouseX, mouseY)
-  }
-  else if (mouseY>200 && mouseX<200){
-    text("Wiedersehen!", mouseX, mouseY)
-}
-  else if(mouseY>200 && mouseX>200){
-    text("Tschüss!", mouseX, mouseY)
-  }
-}
-</pre>