Skip to content

Spiel «Flappy Alien»

Wir versuchen einen Flappy Bird-Klon zu programmieren: Ein Alien muss sich durch Hindernisse hindurchbewegen. Dabei wirkt eine Gravitation und mit der Leertaste kann nach oben beschleunigt werden:

Aufgabe: Auftrag für den 4.4.2024

  1. Lade das Spiel «Flappy-Alien» herunter. Du findest die Dateien im Informatik-Kurs-Team.
  2. Starte das Spiel. Wie weit kommst du?
  3. Überfliege den Code und lies die Kommentar darin. Besprecht nicht klare Teile miteinander.
  4. Schau dir die untenstehende Todo-Liste an. Was möchtest du einbauen?
  5. Besprecht euch paarweise, wie man so etwas umsetzen könnte
  6. Versuche die Erweiterung im Programm einzubauen. Achte darauf, dass das Programm immer noch funktioniert! (also regelmässig starten)
  7. ev. bleibt Zeit eine weitere Erweiterung einzubauen
  8. Gib deine Version des Spiels per E-Mail ab, inkl. Programm-Code, Grafiken (falls angepasst) und einer kurzen Beschreibung der eingebauten Erweiterungen und deiner Vorgehensweise.

Todo-Liste

Zentrale Punkte

Das Spiel ist spielbar:

  • Alien fällt beschleunigt runter
  • Alien erhält per Space Auftrieb nach oben
  • Hindernisse kommen immer wieder von Rechts
  • Kollisionsabfrage Alien und Hindernis

Erweiterung des Spiels

  • Punkte werden gezählt
  • Es gibt einen Highscore
  • Zwei-Spieler-Modus (weiteres Alien, andere Taste, …)
  • Beliebige Erweiterungen (Items zum Sammeln, weitere Hindernisse, …)

Kosmetische Erweiterungen

Grafiken

Ihr findet hier eine Liste von Grafiken – einige sind fürs Spiel zentral, andere dienen der Verschönerung.
Alle Bilder findet man im folgenden Tile-Pack von kenney.nl:

Spielfigur

Als Spielfigur nehmen wir ein Alien. Ich habe mich für das Pinke entschieden. Auch können wir das Spiel verschönern, indem wir zwischen verschiedenene Bildern hin- und herwechseln:

alien.png
alien_jump.png
alien_hurt.png
alien_swim1.png
alien_swim2.png

Hindernisse

Als Hindernis habe ich einen Schokoladen-Turm zusammengesetzt. Wenn man diesen 2x übereinander mit einer Lücke dazwischen hinsetzt, so hat man ein Flappy-Bird-Hindernis:

choco.png

Hintergrund

Als Hintergrund kann man ein Bild nehmen und dieses langsam nach links laufen lassen:

bg_grasslands.png

Oder man generiert einige Wolken als Actor und verschiebt diese nach links.

cloud1.png
cloud2.png
cloud3.png

Oder beides.

Tipp: Parallax

Wenn sich die Hintergrund-Elemente verschieden schnell bewegen, gibt das eine Art 3D-Effekt.

Parallax Scrolling
OhSqueezy, CC BY-SA 3.0, via Wikimedia Commons

Score-Digits

Um die Highscore anzuzeigen, können die folgenden Ziffern verwendet werden:

0.png
1.png
2.png
3.png
4.png
5.png
6.png
7.png
8.png
9.png

Alternativen

Wer alles etwas anders gestalten möchte, kann statt einem Alien ein Flugzeug oder den Original-Vogel verwenden:

Gymnasium Kirchenfeld, fts