Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

--- gf_informatik:programmieren_iii_gra [2025-04-24 13:15] – [Aufgabe L22 – Pixel-Art (für Fortgeschrittene)] gra
+++ gf_informatik:programmieren_iii_gra [2025-06-05 07:21] (aktuell) – [Programmieren Teil 3 – Listen (mit der while-Schleife)] gra
@@ Zeile 13: / Zeile 13: @@
    * Ich kann Listen anaylsieren (z.B. Mittelwert oder Höchstwert ermitteln) oder verändern (z.B. Duplikate entfernen etc).
    * Ich kann das Modul ''random'' importieren und die Funktion ''randint'' verwenden.
-   * Ich kann bestimmte Elemente in einer Liste suchen.
+   * Ich kann mit ''in'' fragen, ob ein bestimmtes Element in einer Liste vorkommt.
    * Ich kann bestimmte Elemente in einer Liste zählen.
@@ Zeile 464: / Zeile 464: @@
 == Zusatzaufgabe 1 – Bruder Jakob ==
-Die Popcorn-Melodie ist einfach mit Blick auf die Rhythmus: Alle Töne sind gleich lang. Bei den meisten Liedern ist das nicht so. Zu m Beispiel das Lied //Bruder Jakob//:
+Die Popcorn-Melodie ist einfach mit Blick auf die Rhythmus: Alle Töne sind gleich lang. Bei den meisten Liedern ist das nicht so. Zum Beispiel beim Lied //Bruder Jakob//:
 {{:gf_informatik:programmieren_iii_gra:pasted:20250401-070509.png?400}}
@@ Zeile 485: / Zeile 485: @@
 <WRAP group>
 <WRAP column half>
+Folgende Listen...
 <code python>
 # 4 Farben: 1 für Hintgergrund, 3 für Bild
@@ Zeile 502: / Zeile 503: @@
 <WRAP column half>
-{{:gf_informatik:programmieren_iii_gra:pasted:20250424-130408.png?200}}
+...entsprechen diesem Bild:
+{{:gf_informatik:programmieren_iii_gra:pasted:20250424-130408.png?220}}
 </WRAP>
 </WRAP>
+== Aufgabe ==
   - Wähle ein Bild aus dieser {{ :gf_informatik:8x8pixelart.jpg?linkonly|Kollektion aus dreifarbigen Bildern}}.
   - Passe die Farbliste und die Pixel-Liste so an, dass sie deinem Bild entsprechen.
   - Passe deinen Code an, sodass die Turtle das gewünschte Bild zeichnet.
+== Zusatzaufgabe ==
+Erweitere deine Pixelliste um eine weitere Dimension: Die Liste enthält mehrere Bilder, die nacheinander angezeigt werden, sodass eine Animation entsteht. Tipp: Starte mit bloss zwei Bildern. Verändere im zweiten Bild nur einzelne Punkte und beobachte den Effekt.
 ===== Lösungen =====
@@ Zeile 807: / Zeile 816: @@
 </nodisp>
-<nodisp 2>
+<nodisp 1>
-++++Lösungen L16-L21|
+++++Lösungen L16-L22|
 === Aufgabe L16 ===
@@ Zeile 977: / Zeile 986: @@
         playTone(popcorn[i], dauer, instrument = "guitar")
     i = i + 1
+</code>
+=== Aufgabe L22 ===
+<code python>
+from gturtle import *
+morla = Turtle()
+morla.right(90)
+morla.penUp()
+morla.hideTurtle()
+# 4 Farben: 1 für Hintgergrund, 3 für Bild
+colors = ("#2D1A2E", "#ADE3F9", "cornflowerblue", "#3671F4")
+# Pixel-Liste: Zahlen sind Positionen in Farben-Liste
+pixels = [[0, 0, 0, 1, 1, 0, 0, 0],
+          [0, 0, 1, 1, 1, 1, 0, 0],
+          [0, 1, 1, 1, 1, 1, 1, 0],
+          [0, 1, 0, 1, 1, 0, 1, 0],
+          [0, 2, 2, 2, 2, 2, 2, 0],
+          [0, 0, 2, 0, 0, 2, 0, 0],
+          [0, 3, 0, 3, 3, 0, 3, 0],
+          [3, 0, 3, 0, 0, 3, 0, 3]]
+# Ein Quadrat mit gewünschter Farbe zeichnen:
+def square(color, side):
+    morla.setFillColor(color)
+    morla.startPath()
+    count = 0
+    while count < 4:
+        morla.forward(side)
+        morla.right(90)
+        count += 1
+    morla.fillPath()
+# Pixel für Pixel gemäss Liste zeichnen:
+px_size = 20
+row = 0
+xpos = 0
+ypos = 0
+while row < 8:
+    morla.setPos(xpos, ypos)
+    column = 0
+    while column < 8:
+        square(colors[pixels[row][column]], px_size)
+        morla.forward(px_size)
+        column = column + 1
+    ypos = ypos - px_size
+    row = row + 1
 </code>
 ++++
 </nodisp>