Mein erstes Spiel: Jonglieren mit Geparden

Zuletzt geändert von dvd48 am 2021/02/03 22:12

Hier kannst du dein erstes kleines Spiel programmieren. Dabei versuchst du den kleinen Geparden vom Wasser fernzuhalten!

1. Ein neues Programm

Nachdem du Pocket Code im Play-Store heruntergeladen und installiert hast, erstelle zuerst ein neues Programm:

neues-programm.gif

Du kannst dein Programm (deine Szene!) jederzeit mit dem Dreieck rechts unten starten:

Play.jpg

Du gelangst durch zweimaliges "Zurück"-Tippen wieder in die Programmier-Ansicht.

2. Neue Objekte

Objekte sind wie deine Figuren bei einem Schauspiel. Hole dir die Bilder aus der Medienbibliothek:

neues-objekt.gif

Hole dir jetzt auch den kleinen Geparden aus der Medienbibliothek:

cat.png

Am Ende sollte es so aussehen:

objekte.jpg

3. Ein erstes Skript

Skripte sind das Drehbuch für deine Figuren. Skripte bestehen aus Bausteinen und starten jeweils mit einem abgerundeten Baustein. So fügst du neue Bausteine zu deinen Skripten hinzu:

neuer-baustein.gif

Erstelle folgendes Skript in water:

skript1.png

Achtung: Achte auch auf die einzelnen Werte und Einstellungen in den Bausteinen. Verändere die Werte im "Größe"- und "Ändere"-Baustein falls das Wasser auf deinem Gerät nicht passend erscheint (Tippe auf das Dreieck unten um deine Szene zu starten!). Wähle beim Bewegungstyp "Keine Bewegung unter Gravitation. Andere prallen davon ab". Hier bekommst du mehr Informationen zu den einzelnen Bausteinen!

4. Wie verschiebe und lösche ich Bausteine?

Das kannst du so machen:

baustein-löschen-verschieben.gif

Achtung: Wenn du auf den Startbaustein (den abgerundeten Baustein) tippst und "Skript löschen" auswählst, löscht du das gesamte Skript mit allen Bausteinen.

5. Den Geparden einstellen

Wechsle zu den Skripten des Geparden und erstelle folgendes Skript:

skript2.png

Achtung: Passe wieder bei den Werten auf. Damit die Figur nicht immer auf derselben Stelle startet, setzen wir den x-Wert auf eine zufällige Zahl. Die Zufallsfunktion findest du unter "Funktionen" (nicht selber eintippen!!), trage dann die untere Grenze (hier -400) und die obere Grenze (hier 400) ein. 

Der Bewegungstyp des Geparden wird auf "Aufprallen mit Gravitation" gesetzt, damit dieser sich wie ein physisches Objekt verhält und von der Gravitation (hier Stärke -50) nach unten gezogen wird.

Starte zwischendurch deine Szene um zu sehen was sich verändert hat!

6. Die Figur nach oben schießen

Wir erweitern jetzt nach und nach die Funktionen des Geparden. Füge dieses Skript einfach beim Geparden hinzu (alle einzelnen Skripte werden gleichzeitig ausgeführt):

skript5.png

Immer wenn wir die Figur antippen, setzen wir dessen Geschwindigkeit auf y: 800 (die vertikale Richtung), d.h. die Figur schießt nach oben. Die Gravitation von -50 Schritt/Sekunde² zieht diese dann wieder nach unten, ganz so wie bei einem echten Objekt!

X setzen wir auf "x Geschwindigkeit", das findest du unter "Eigenschaften". (Nicht mittels "Abc" selber tippen!)

Probiere es wieder aus! Falls es dir zu wenig Action ist, setze den y-Wert doch noch höher!

7. Die Figur vom Rand abprallen lassen

Wie du vielleicht gemerkt hast, schießt die Figur über deinen Display hinaus. So kann man das verhindern:

skript3.png

Damit die Figur dauerhaft (und nicht nur zu Beginn der Szene) vom Rand abprallt, müssen wir den blauen Baustein in eine Schleife packen. Schleifen wiederholen alle Bausteine zwischen ihrem Anfang und Ende. Die "Wiederhole fortlaufend"-Schleife macht dies solange das Programm läuft.

Wieder ausprobieren!

8. Game Over

Vielleicht ist dir schon aufgefallen, dass das Spiel noch kein Ende kennt? Es passiert nichts, sobald du im Wasser landest. Ändere das hiermit:

skript4.png

Wenn du vom Wasser abprallst, beendet sich das Programm.

Falls es trotzdem noch nicht klappt, kontrolliere ob du in water den Bewegungstyp auf "Keine Bewegung unter Gravitation" gesetzt hast.

FERTIG! Du hast mit nur 15 Bausteinen ein Basis-Spiel programmiert. Falls es noch nicht ganz klappt, kontrolliere noch einmal alle deine Bausteine. Vielleicht hat sich ein Bug (ein Programmierfehler) eingeschlichen.

Hier ist aber noch nicht Schluss. Erweitere und verändere das Spiel nach deinen Wünschen! Oder lass dich von den folgenden Funktionen inspirieren 😀

Hintergundbild

So fügst du ein Hintergrundbild ein. Du kannst im Hintergrund auch Skripte programmieren, beispielsweise mit einem "Setze Größe auf"-Baustein.

hintergrund.gif

Hintergrundmusik

So kannst du Hintergrundmusik einfügen:

skript6.png

Achtung: Schau darauf, dass du den Baustein mit "und warte" wählst, sonst passieren ganz komische Dinge, probier es aus emoticon_wink

Du kannst Klänge aus verschiedenen Quellen wählen: der Medienbibliothek, selbst aufnehmen oder vom Gerät per Datei.

Animationen

Füge alle 3 verschiedenen Aussehen zum Geparden hinzu. Diese sind wie verschiedene Kostüme eines Schauspielers:

aussehen-hinzufügen.gif

Dann kannst du dieses Skript im Geparden dazuprogrammieren:

skript12.png

Hindernisse im Weg

Erstelle ein neues Objekt als Hindernis. 

Mit diesem Skript lässt du es alle 3 Sekunden zufällig irgendwo anders auftauchen:

skript13.png

Falls es nicht klappt, kontrolliere ob du den Bewegungstyp auf "Keine Bewegung unter Gravitation" gesetzt hast.

Punkte & Highscore

Du willst Punkte bekommen? Füge dieses Skript in den Geparden ein:

skript7.png

Achtung: Erstelle eine neue Variable indem du auf "neu" tippst und benenne sie sinnvoll. Achte darauf, dass bei beiden Bausteinen dieselbe Variable ausgewählt ist. Du kannst die Anzeige im Baustein vielfältig verändern.

Du willst auch noch einen gespeicherten Highscore dazu? Erweitere dazu dieses Skript im Geparden:

skript10.png

Erstelle eine neue Variable namens "Highscore". Setze im "Setze Variable"-Baustein Highscore auf die Punkte-Variable, diese findest du unter "Daten".

Den "Wenn"-Baustein nennt man eine bedingte Anweisung. Er aktiviert die roten Bausteine sobald eine Bedingung (hier noch eine Lücke) wahr ist, sonst überspringt er sie. Unsere Bedingung ist: Wenn die Punkte größer als der Highscore sind, dann... Versuche diese Bedingung mit den Variablen unter Daten und den Symbolen unter Logik nachzubauen! (Nicht mittels Abc nachtippen!!!)

Zur Anzeige der Variable programmiere noch diese Funktion dazu:

skript11.png

Startbildschirm

Für einen Startbildschirm benötigen wir eine neue Szene, so erstellst du eine:

neue-szene.gif

Neue Szenen sind Unterprogramme deines Spieles mit ganz neuen Objekten und Hintergründen. Diese kann man über die Bausteine "Szene fortsetzen" und "Beginne Szene" miteinander verbinden.

Füge in der neuen Szene einen Play Button wie diesen als neues Objekt ein:

playbtn.png

Dazu programmierst du dann folgendes Skript in den Button, um die Hauptszene zu starten:

skript14.png

Zusätzlich kannst du den Hintergrund gestalten und etwa eine Spielanleitung und Spielname darin inkludieren! Gehe dazu in die Aussehen des Hintergrundes und probiere dort Dinge aus.

Effekte

Füge diesen Baustein unter "Wenn angetippt" im Geparden hinzu um einen Sound abzuspielen:

skript8.png

Du kannst übrigens auch Vibrationen hinzufügen:

skript14.png

Oder auch die Farbe der Figur oder des Wassers ändern:

skript16.png

Probiere einfach verschiedene Bausteine aus 😃

Mehr Geparden!?

Hier:

objekt-kopieren.gif

Wenn du Objekte kopierst, werden alle Skripte im Objekt mit kopiert. Änderst du jetzt aber einzelne Skripte, werden die Änderungen nicht mit synchronisiert. Du kannst übrigens auch nur das Aussehen des Objekts ändern, indem du darauf tippst und dann in Aussehen gehst, statt in Skripte.