Kursvorlage
Frogger komplett: Von Szene bis Polish
Lerne frameCraft mit Frogger: Bewegung, Kollisionen, HUD und GFX.
Didaktische Zielsetzung
Diese Kursvorlage führt strukturiert durch die Entwicklung eines einfachen Frogger-Spiels mit der Game-DSL frameCraft. Der Fokus liegt auf dem systematischen Aufbau zentraler Spielmechaniken wie Bewegung, Kollisionen, Zustandsverwaltung und Benutzeroberflächen. Dabei wird deutlich, wie Spielzustände modelliert, Logik über Regeln organisiert und grafische Darstellung von der Spielmechanik getrennt werden können. Die Vorlage unterstützt somit den Kompetenzaufbau im Bereich Modellierung interaktiver Systeme, strukturierter Programmierung und nachvollziehbarer Codeorganisation.
Kompetenzschwerpunkte
- Grundlagen der Game-Struktur mit Szene, Build-Phase und wiederkehrenden Regeln
- Umsetzung von Bewegungslogik und Eingabeverarbeitung über Aktionen und Ereignisse
- Rasterbasierte Spielfigursteuerung mit Begrenzung auf Bildschirmbereiche
- Aufbau eines Levels aus wiederverwendbaren Funktionen und Schleifenstrukturen
- Zeitbasierte Bewegung von Gegnern mithilfe von Delta-Time
- Kollisionsbehandlung, Spielzustände und Verwaltung von Leben sowie Punkten
- Gestaltung eines HUD und grafischer Spielfiguren über programmierte Formen statt Sprites
Struktur der Bausteine
Szene & Regel: Frosch automatisch bewegen
Einführung in die grundlegende Struktur eines frameCraft-Spiels, indem eine Szene aufgebaut und eine Regel implementiert wird, die eine Spielfigur automatisch bewegt.
Frogger: Rastersteuerung und Bildschirmgrenzen
Umsetzung einer rasterbasierten Steuerung über Aktionen sowie Begrenzung der Spielfigur auf den sichtbaren Spielbereich.
Touch-Buttons: gleiche Frog-Steuerung per VKNOPF
Ergänzung alternativer Eingabemöglichkeiten durch virtuelle Buttons, die dieselben Aktionen wie die Tastatursteuerung auslösen.
Levelaufbau: Straßenstreifen und Markierungen
Aufbau der Spiellandschaft mithilfe von Hilfsfunktionen und Schleifen zur Erstellung wiederkehrender Levelstrukturen.
Frogger: Autos mit dt & Wrap-around
Einführung zeitbasierter Bewegung für Gegnerobjekte sowie kontinuierlicher Bewegung über Bildschirmgrenzen hinweg.
Frogger: Autos datengetrieben erzeugen
Automatisierte Erstellung mehrerer Gegner durch datengetriebene Strukturen und systematische Namenskonventionen.
Kollisionen & Leben: Frogger-Logik
Implementierung von Kollisionsereignissen und Verwaltung des Spielzustands über Leben, Respawn und Game-Over.
Frogger: Siegbedingung, Punkte & Game-State
Erweiterung der Spielmechanik um Punktevergabe, Siegbedingung und klare Spielzustände für den Ablauf eines Levels.
HUD & Endtexte mit frameCraftUI
Entwicklung einer Benutzeroberfläche zur Anzeige von Leben, Punkten und Endzuständen des Spiels.
Robuster Neustart mit Sperre und Button
Umsetzung einer stabilen Reset-Logik mit Sperrmechanismus sowie einem eingeblendeten Neustart-Button nach Spielende.
Frogger: GFX-Formen & Koordinaten
Gestaltung von Spielfiguren und Gegnern durch programmierte Grafikformen im lokalen Koordinatensystem der Entities.
Frogger-Refactoring: Struktur & Benennung
Überarbeitung der Codebasis durch klare Strukturierung, konsistente Benennung und erklärende Kommentare.
Die klar gegliederten Bausteine ermöglichen eine transparente Unterrichtsplanung und erleichtern die Einbettung in bestehende Informatikreihen.
Sie können die Vorlage unmittelbar ausprobieren und anschließend an Ihre Lerngruppe sowie an unterschiedliche Unterrichtssettings anpassen.