⛛Programmieren Teil 1: WE INSPIRE ~75 Minuten
⛛Bewegung (Ball)
Fügt als nächstes Bewegungen hinzu. Zeigt ihnen dafür den gehe 10er Schritt-Block.
Lasst die Kinder ausprobieren, ob sie es hinbekommen, dass der Ball sich ein bisschen nach rechts bewegt.
⛛Schleifen (Ball)
Um nicht die ganze Zeit klicken zu müssen, können wir Schleifen verwenden. Da es (noch) keine Endbedingung für unser Spiel gibt, erstellen wir eine Endlosschleife um den Bewegungsblock.
Lasst die Teilnehmenden den Code ausführen. Der Ball schießt plötzlich nach rechts an den Rand und bewegt sich dann gar nicht mehr. Woran liegt das? Wie könnten wir das ändern? Mögliche Fragen an die Teilnehmenden:
- Wie hätten wir gerne, dass der Ball sich verhält?
- Wann sollte der Ball seine Richtung ändern?
- In welche Richtung sollte der Ball sich dann bewegen?
⛛If-Bedingungen (Ball)
Manche Programmteile wollen wir nur unter bestimmten Bedingungen ausführen. (Im echten Leben: "Wenn es regnet, ziehe ich eine Regenjacke an, sonst nicht.")
In unserem Fall: Wenn der Ball die Wand berührt, dann (...) pralle vom Rand ab.
Fügt folgenden Code zu eurem Programm hinzu:
Hier ist ein guter Zeitpunkt, um auf die verschiedenen Kategorien (Farben) von Bausteinen einzugehen. Fragt, wo die Teilnehmenden verschiedene Bausteine vermuten würden, um frühzeitig ein Verständnis für die Struktur der Seite zu vermitteln.
⛛Bewegung (Paddle)
Fügt ein Paddle hinzu (unten rechts: neue Figur hinzufügen). Der*die Spieler*in bewegt nachher das Paddle, damit der Ball nicht den Boden berührt. Um das Paddle zu programmieren, muss man dieses unten auswählen. Im Programmierfeld rechts oben sieht man das Bild des Gegenstandes, den man gerade programmiert.
Da wir das Paddle mit der Maus steuern wollen, setzen wir die x-Position des Paddles auf die x-Koordinate unserer Maus.
Verwendet dafür folgenden Code:
⛛Interaktion zwischen Objekten (Ball)
Bisher fliegt der Ball durch das Paddle hindurch. Der Ball und das Paddle interagieren nicht miteinander.
Fügt folgenden Code zu dem Ball hinzu und erklärt jeden Baustein:
⛛Endbedingung (Linie)
Nun fehlt dem Spiel nur noch eines: Ein Ende.
Bisher passiert nichts, wenn der Ball den unteren Rand berührt. Das wollen wir ändern.
Dafür fügen wir am unteren Rand eine Linie hinzu (auch bei Figuren zu finden).
Genau wie bei dem Paddle müssen wir jetzt für die Linie Code schreiben.
Ab hier funktioniert das Spiel grundsätzlich. Bevor die Teilnehmenden komplett frei arbeiten, bietet es sich an, noch zwei kleine Erweiterungen vorzunehmen.
⛛Korrektes Abprallen (Ball)
Hierfür muss man ein bisschen mit den Einfalls- und Ausfallswinkeln herumüberlegen.
- Der Ball soll beim Abprallen die Richtung umkehren (drehe dich um 180)
- Aber er sollte nicht in dieselbe Richtung zurückfliegen - da wir hier eine “richtige” Physik möchten wir, dass Einfallswinkel = Ausfallswinkel gilt. Um das zu implementieren, machen wir uns die Variable Richtung (in der Skizze alpha) zunutze. (- 2 * Richtung)
- Um das Spiel interessanter zu machen, soll sich die Richtung zusätzlich um eine Zufallszahl variabel verändern.
⛛Spawnen (Ball)
Damit der Ball immer an einem festen Punkt startet, kann man den folgenden Block vor der Endlosschleife im Ball hinzufügen:
⛛Programmieren Teil 2: INSPIRE ME ~75 Minuten
Mögliche Erweiterungen
Ab hier könnt ihr die Teilnehmenden komplett frei arbeiten lassen, und sie hauptsächlich dabei unterstützen, ihre eigenen Ideen umzusetzen.
Als Erstes können die Teilnehmenden noch einmal mit Kostümen, Hintergründen, Geschwindigkeit, Farben o.Ä. herumspielen. Das lockert die Atmosphäre auf und sorgt für schnellere Erfolgserlebnisse.
⛛Game Over (Erweiterungen: GameOver-Figur)
Nun wollen wir ein Game Over Screen erstellen. Hierfür muss man zu allererst den Code der vorhanden Figur ergänzen.
Im Skript der Linie muss folgendes ergänzt werden:
Jetzt brauchen wir eine weitere Figur mit dem Schriftzug "Game Over"
In dieser Figur fügen wir als Skript folgende Blöcke ein:
⛛Start / Restart (Erweiterungen: Start/Restart-Figur)
Nun wollen wir ein Start/Restart Screen erstellen. Hierfür brauchen wir eine weitere Figur mit dem Schriftzug "Start".
Im Skript vom Start-Button senden wir, sobald er angeklickt wird, eine neue Nachricht "StartGame".
Jetzt müssen wir noch die anderen Objekte so anpassen, dass sie auf die "Start Game"-Nachricht reagieren. Das machen wir, indem wir Wenn Flage angeklickt wird mit Wenn ich "Start Game" empfange ersetzen.
Von hier aus lässt sich dann relativ einfach ein weiterer, praktischer Button hinzufügen, nämlich ein Restart-Button:
Dafür erstellen wir wieder eine neue Figur.
Der Restart-Button zeigt sich, genau wie der GameOver-Button, erst wenn die Nachricht "GameOver" empfangen wird. Im Skript vom Start-Button senden wir, sobald er angeklickt wird, ebenfalls die Nachricht "StartGame".
⛛Score (Erweiterungen: Ball/Paddle)
Um einen Score im Spiel einzufügen, müssen wir eine neue Variable anlegen. Wichtig hierbei ist, das diese aktiviert ist (Häckchen muss aktiviert sein, damit sie sichtbar ist).
Bei unserem Figur-Skript mit muss nun der Score auf 0 gesetzt werden.
Im Skript des Balls müssen nun die folgenden Blöcke ergänzt werden.
⛛Highscore (Erweiterungen: Ball)
Um einen Highscore im Spiel einzufügen müssen wir eine neue Variable anlegen. Wichtig hierbei ist, das diese aktiviert ist (das Häckchen muss aktiviert sein, damit sie sichtbar ist).
Damit der Highscore am Ende auch richtig angezeigt wird muss das Skript vom Ball ergänzt werden.
Der Highscore wird immer dann angepasst, wenn der Score nach dem Game Over größer ist als der aktuelle Highscore.
⛛Sound (Erweiterungen: Ball)
Um einen Sound an der passenden Position abzuspielen, beispielsweise wenn das Paddle berührt wird, verwende den Block spiele Klang Pop ganz.
⛛Multiplayer (Erweiterungen: Ball/Paddle)
Das von euch programmierte Spiel lässt sich ganz einfach, mit ein paar Anpassungen, zu einem Multiplayer-Spiel umbauen. Hierfür fügen wir zunächst ein zweites Paddle und eine zweite Linie hinzu, welcher wir gegenüber von den ersten platzieren.
Für das Skript von Linie 2 können wir einfach das Skript von Linie kopieren.
Da wir nun zwei Paddles unabhängig voneinander steuern wollen, passen wir die Skripte für die Bewegung wie folgt an:
Jetzt müssen wir nur noch das Skript vom Ball anpassen. Hierfür kopieren wir den Teil, welcher auf die Berührung mit Paddle reagiert und passen ihn für Paddle2 an. Die Startposition des Balls passen wir so an, dass er mittig startet:
Außerdem haben wir auch eine neue Variable score2 erstellt, welche wir für das Paddle2 benutzen. Dieser Score muss natürlich auch am Anfang zurückgesetzt werden und beim Highscore beachtet werden.
