Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

Link zu der Vergleichsansicht

Nächste Überarbeitung		 Vorherige Überarbeitung
informatik:computerkunst:verschachtelung [2020/03/30 09:45] – angelegt jonathan.pfeifferinformatik:computerkunst:verschachtelung [2024/04/09 20:06] (aktuell) – [Aufgabe 3] jonathan.pfeiffer
Zeile 1: Zeile 1:
 ====== Verschachtelung ====== ====== Verschachtelung ======
 +^ ^ ^
 +| In der [[informatik:computerkunst:zaehlschleife|letzten Lektion]] hast du die Zählschleife angewendet und eine Reihe aus Punkten mit zufälliger Farbzuweisung zeichnen lassen. | {{:informatik:computerkunst:molnar-1ne-reihe.png?200|}} |
 +| | |
 +| Nun möchten wir endlich die vollständige Grafik //à la Molnar// programmieren, also nicht nur eine Reihe aus Punkten, sondern **mehrere Reihen**. Das Ziel ist also solch eine Grafik: | {{:informatik:computerkunst:punkte-molnar.png?100|}} |
 +
 +Die einzelnen Reihen der Grafik unterscheiden sich nicht. Wir können also diesen Programmblock, der eine Reihe zeichnet, dreimal wiederholen mit einer weiteren Schleife. Dazu schachteln wir die Schleifen ineinander. Die **innere Schleife** wiederholt das Zeichnen der Punkte, damit eine Reihe entsteht. Die **äußere Schleife** wiederholt dies dann dreimal.
 +
 +Du kennst vielleicht //Matrjoschkas// - ineinander schachtelbare, russische Puppen. Jedes Mal wenn eine Puppe geöffnet wird, erscheint eine weitere kleinere Puppe. Du kannst dir verschachtelte Kontrollstrukturen (if, if+else, if+elif+else, for-Schleife,...) ähnlich vorstellen.
  
 ===== Verschachtelte Schleifen ===== ===== Verschachtelte Schleifen =====
  
-Ein Quadrat gelingt einfach mit einer vierfachen Wiederholung. Nun sollst du 20 Quadrate zeichnen und die Quadrate etwas gegeneinander verdrehen. Dazu musst du zwei repeat-Anweisungen ineinander schachteln. Im inneren Programmblock zeichnet die Turtle ein Quadrat und dreht anschliessend um 18 Grad nach rechts. Die äussere repeat-Anweisung wiederholt dies 20 mal. Beachte dabei die korrekte Einrückung bei den Anweisungen, die wiederholt werden sollen.+==== Beispiel ==== 
 + 
 +Ein Quadrat gelingt einfach mit einer vierfachen Wiederholung. Nun soll die Turtle 20 Quadrate zeichnen und die Quadrate etwas gegeneinander verdrehen. Dazu muss man zwei Zählschleifen ineinander schachteln. Im inneren Programmblock zeichnet die Turtle ein Quadrat und dreht anschließend um 18 Grad nach rechts. Die äußere repeat-Anweisung wiederholt dies 20 mal. Beachte dabei die **korrekte Einrückung bei den Anweisungen**, die wiederholt werden sollen. 
 + 
 +<code python> 
 +for i in range(1,21): 
 +   for i in range(1,5): 
 +      turtle.forward(100) 
 +      turtle.left(90) 
 +   turtle.right(18) 
 +</code> 
 + 
 + 
 +<callout type="primary">Kopiere den Programmcode und füge ihn in den Editor ein. Führe das Programm aus!</callout> 
 + 
 +{{url>https://trinket.io/embed/python/467c8df375}} 
 + 
 + 
 +===== Aufgabe 1 ===== 
 +Zeichne folgende Figur mit zwei verschachtelten Zählschleifen. Im inneren Schleifenrumpf wird ein Quadrat gezeichnet. Nutze den Trinket-Editor unten. {{informatik:computerkunst:aufgabe-quadrate-in-reihe.png?200|}} 
 + 
 + 
 +===== Aufgabe 2 ===== 
 +Zeichne eine Grafik mit Quadraten, deren Position zufällig bestimmt wird. Löse das Problem, indem du zwei Zählschleifen verschachtelst. 
 +{{:informatik:computerkunst:aufgabe-punkte-zufaellig.png?200|}} 
 + 
 +===== Aufgabe 3 ===== 
 +Zeichne die Grafik á la Molnar, indem du zwei Zählschleifen verschachtelst. Die Farbzuweisung soll zufällig erfolgen. {{:informatik:computerkunst:punkte-molnar.png?100|}} 
 + 
 +Nutze diesen Programmcode für Aufgabe 3 und ergänze die verschachtelten Schleifen ;) 
 +<code python> 
 +import turtle 
 +import random 
 + 
 +#Farben "#373f51" "#208aae" "#e43f6f" 
 + 
 +turtle.speed(20) 
 +turtle.penup() 
 +turtle.goto(-300,300) 
 + 
 +turtle.pendown() 
 + 
 +zufallszahl = random.randint(1, 100) 
 +if zufallszahl > 90: 
 +    turtle.dot(80,"#373f51") 
 +elif zufallszahl > 10: 
 +    turtle.dot(80,"#208aae") 
 +else: 
 +    turtle.dot(80,"#e43f6f") 
 +turtle.penup() 
 +turtle.forward(85) 
 +</code> 
 + 
 +{{url>https://trinket.io/embed/python/3cb06de353}} 
 + 
 +===== Hier geht es weiter... ===== 
 + 
 +<btn type="primary" size="sm">[[informatik:computerkunst:eingabe-ausgabe|Eingabe & Ausgabe]]</btn> 
 + 
 +{{tag>[informatik arbeitsauftrag computerkunst lernpfad python]}} 
 + 
 +