add my next snap lesson

19 files changed, 264 insertions, 0 deletions

diff --git a/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/clear_block.png b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/clear_block.png
new file mode 100644
index 00000000..31b559f5
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/clear_block.png
diff --git a/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/colorful_polygons.png b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/colorful_polygons.png
new file mode 100644
index 00000000..5bf2e5c6
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/colorful_polygons.png
diff --git a/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/for_block.png b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/for_block.png
new file mode 100644
index 00000000..84f00606
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/for_block.png
diff --git a/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/generic_head_block.png b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/generic_head_block.png
new file mode 100644
index 00000000..3a7b08a2
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/generic_head_block.png
diff --git a/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/generic_reporter_block.png b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/generic_reporter_block.png
new file mode 100644
index 00000000..2ffc9996
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/generic_reporter_block.png
diff --git a/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/if_on_edge_bounce_block.png b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/if_on_edge_bounce_block.png
new file mode 100644
index 00000000..26e89322
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/if_on_edge_bounce_block.png
diff --git a/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/make_variable_button.png b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/make_variable_button.png
new file mode 100644
index 00000000..270cda56
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/make_variable_button.png
diff --git a/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/regular_10-gon_script.png b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/regular_10-gon_script.png
new file mode 100644
index 00000000..ef345dde
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/regular_10-gon_script.png
diff --git a/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/repeat_block.png b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/repeat_block.png
new file mode 100644
index 00000000..16a15500
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/repeat_block.png
diff --git a/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/repeat_n_block.png b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/repeat_n_block.png
new file mode 100644
index 00000000..d68e363f
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/repeat_n_block.png
diff --git a/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/repeat_until_block.png b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/repeat_until_block.png
new file mode 100644
index 00000000..1b690c67
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/repeat_until_block.png
diff --git a/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/reset_script.png b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/reset_script.png
new file mode 100644
index 00000000..2d3f4032
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/reset_script.png
diff --git a/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/script_local_block.png b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/script_local_block.png
new file mode 100644
index 00000000..de6f566f
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/script_local_block.png
diff --git a/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/spiral.png b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/spiral.png
new file mode 100644
index 00000000..0ee460c7
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/spiral.png
diff --git a/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/star_script.png b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/star_script.png
new file mode 100644
index 00000000..6720cfa1
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/star_script.png
diff --git a/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/triangle_script.png b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/triangle_script.png
new file mode 100644
index 00000000..6deb8ee9
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/triangle_script.png
diff --git a/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/var_n_pol.png b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/var_n_pol.png
new file mode 100644
index 00000000..cd09567b
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/var_n_pol.png
diff --git a/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/variables_as_boxes.png b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/variables_as_boxes.png
new file mode 100644
index 00000000..c9c6d82c
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/img/variables_as_boxes.png
diff --git a/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/slides.md b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/slides.md
new file mode 100644
index 00000000..82693854
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Wiederholungen_Variablen/slides.md
@@ -0,0 +1,264 @@
+---
+author: Florian Fischer
+theme: metropolis
+aspectratio: 169
+header-includes: |
+    \usepackage{tikz}
+    \usetikzlibrary{calc}
+    \usetikzlibrary{positioning}
+    \usepackage{fontawesome5}
+    \let\tightlist\relax
+    \makeatletter
+    \beamer@ignorenonframefalse
+    \makeatother
+---
+
+## Wiederholung
+
+> - **Anweisung** - Beschreibung eines einzelnen Arbeitsschrittes
+> - **Ablauf** - Abfolge von **Anweisungen**
+> - **Ablaufkriterien**:
+>   - **Richtigkeit** - Alle **Anweisungen** sind *richtig* und in der *richtigen Reihenfolge*
+>   - **Vollständigkeit** - Alle Schritte müssen aufgeführt und alle Fälle abgedeckt sein
+>   - **Ausführbarkeit** - Jede **Anweisung** muss möglich sein
+
+## Wiederholung - Theorie
+
+\begin{center}
+Was war nochmal ein Algorithmus?
+\end{center}
+
+\pause
+Ein **Algortihmus** ist eine Beschreibung eines **Ablaufs** mit folgenden Eigenschaften:
+
+>- besteht aus endlich vielen **Anweisungen**
+>- ist **eindeutig**
+>- ist **ausführbar**
+
+## Wiederholung - Snap!
+
+### Wie hießen die Blöcke und was machen sie?
+\vspace{1cm}
+
+::: columns
+:::: {.column width=50% align=center}
+![](img/generic_head_block.png)
+\pause
+
+**Head** Blöcke Kontrollieren wann ein Script ausgeführt wird.
+::::
+
+:::: {.column width=50% align=center}
+![](img/generic_reporter_block.png)
+
+\pause
+**Reporter** Blöcke liefern *nur* einen Wert
+::::
+:::
+
+## Erinnerung
+
+### Erste Programme
+\vspace{1cm}
+
+::: columns
+:::: {.column width=50%}
+Zeichne ein Dreieck
+
+\pause
+![](img/triangle_script.png){height=4cm}
+::::
+
+:::: {.column width=50%}
+Zeichne ein N-Eck (z.B. $N=10$)
+
+\pause
+![](img/regular_10-gon_script.png){height=4cm}
+::::
+:::
+
+## Erinnerung
+
+### Hilfsprogramme
+\vspace{1cm}
+
+::: columns
+:::: {.column width=50% align=center}
+Lösche alle Striche
+
+\pause
+![](img/clear_block.png)
+::::
+
+:::: {.column width=50% align=center}
+Setze den Pfeil zurück
+
+\pause
+![](img/reset_script.png)
+::::
+:::
+
+## Heute machen wir Kunst
+
+::: columns
+:::: {.column width=50%}
+![](img/spiral.png)
+::::
+
+:::: {.column width=50%}
+![](img/colorful_polygons.png)
+::::
+:::
+
+
+## Wiederholungen (Schleifen)
+
+Zwei unterschiedliche Arten von Wiederholungsanweisungen sind im Alltag gebräuchlich:
+
+\vspace{0.3cm}
+::: columns
+:::: {.column width=50%}
+> Solange bis ...
+::::
+:::: {.column width=50%}
+> Wiederhole X-mal ...
+::::
+:::
+
+
+::: columns
+:::: {.column width=50%}
+\pause
+### Bedingte Widerholung
+Die **Sequenz** wird solange *wiederholt* bis eine **Bedingung** eintritt.
+\pause
+![](img/repeat_until_block.png){height=3cm}
+::::
+:::: {.column width=50%}
+\pause
+### Widerholung mit fester Zahl
+Die **Wiederholungszahl** muss bekannt oder berechenbar sein.
+\pause
+![](img/repeat_n_block.png){height=3cm}
+::::
+:::
+
+## Fortlaufende Wiederholungen
+
+::: columns
+:::: {.column width=50% align=center}
+Die Sequenz wird bis zum Ende des Programms wiederholt. 
+::::
+
+:::: {.column width=50% align=center}
+![](img/repeat_block.png){height=2cm}
+::::
+:::
+
+\pause
+Ein Sonderfall der **bedingten Wiederholung** ist die **fortlaufende Wiederholung**.
+
+### Warum?
+
+\pause
+Eine **bedingte Wiederholung** deren **Bedingung** niemals eintritt entspricht einer **fortlaufenden Wiederholung**
+
+\pause
+> Solange bis die Erde flach ist
+
+## \faIcon{desktop} Arbeitsauftrag - Spiele mit Wiederholungen
+
+::: columns
+:::: {.column width=50%}
+\vspace{1cm}
+1. Experimentiere mit folgendem Script:
+    1. Welches Muster ensteht?
+    2. Zeichne das gleiche mit weniger bzw. mehr Zacken.
+::::
+
+:::: {.column width=50%}
+![](img/star_script.png){height=3cm}
+::::
+:::
+
+2. Verwende eine **fortlaufende Widerholung** um die ganze *Stage* mit Karos zu füllen.
+   Der ![](img/if_on_edge_bounce_block.png){height=0.5cm} Block kann dir dabei helfen.  
+   $21^{\circ}$ sind ein guter Anfangswinkel.  
+   Das Muster wird gleichmäßiger wenn Du den Stift in die Mitte des Pfeils setzt.
+   Unter `Costumes` mit einem Rechtsklick auf den Pfeil.
+
+## \faIcon{desktop} Etwas mehr Abwechslung
+
+1. **Wage den Zufall**: Verwende den Zufallszahlreporter um ein wirres Muster zu zeichnen
+2. **Verändere die Stiftdicke**: Kannst du Yin zeichnen indem du die Stiftdicke schrittweise erhöhst?
+3. **Versuch's mit Farbe**: Fülle deine Leinwand mit einem bunten (zufälligen) Muster
+
+## Zurück zur Ordnung
+
+Was wenn ich eine Zahl öfter verwenden möchte?
+
+\pause
+![](img/regular_10-gon_script.png){.center height=5cm}
+
+## Variablen
+
+Die Lösung sind **Variablen**:
+
+*"Aufbewahrungsmöglichkeiten"* für Daten mit einem Label um sie wiederzufinden.
+
+\pause
+![](img/variables_as_boxes.png){height=4cm}
+
+### **Datentypen**
+\pause 1. Zahlen, \pause 2. Buchstaben, \pause 3. Text, \pause 4. Wahrheitswerte
+
+## Variablen in Snap!
+
+Variablen können in `Snap!` mit dem Knopf ![](img/make_variable_button.png){height=0.75cm} oder
+per ![](img/script_local_block.png){height=0.75cm} erzeugt werden.
+
+\pause 
+Eine Variable ist entweder für **alle** Objekte, nur für **ein** Objekt oder nur **innerhalb eines Script** gültig.
+
+## \faIcon{desktop} Experimente mit Variablen
+
+* Lege eine *Script-lokale* Variable an und versuche sie in einem anderen Script zu verwenden.
+* Erzeuge eine *globale* Variable.
+  * Setze ihren Wert auf 0.
+  * Erhöhe ihren Wert um 1 bis sie 100 erreicht.
+
+## \faIcon{desktop} Arbeitsauftrag - N-Eck mit Variablen
+
+Verändere das N-Eck Script sodass es die Anzahl der Ecken als Variable verwendet.
+
+### Loesung
+
+![](img/var_n_pol.png){height=4cm}
+
+## Variablen und Wiederholungen
+
+Die Nummer der aktuellen Wiederholung kann in einer *Zählervariable* gespeichert werden.
+
+![](img/for_block.png){height=2cm}
+
+## \faIcon{desktop} Arbeitsauftrag - Spiralmuster
+
+Übertrage folgenden Algorithmus in ein Snap! Programm:
+
+```
+Fang an zu zeichnen
+Wiederhole 300 mal
+  Laufe n Schritte, wobei n die Nummer der aktuellen Wiederholung ist
+  Drehe um 105 Grad
+```
+
+## \faIcon{desktop} Arbeitsauftrag - Bunte N-Ecke
+
+* Zeichne die Vielecke von $N = 3$ bis $N = 50$, mit Seitenlänge 20.
+* Ändere nach jedem N-Eck die Stiftfarbe um 0.5.
+
+## \faIcon{desktop} Arbeitsauftrag - Bunte Spiralsterne
+
+* Zeichne Bunte Spiralsterne.
+* Experimentiere mit unterschiedlichen Winkeln und Farbänderungen.
+