A Im Alltag · Station 2 von 5

Lernspiel bauen

Ein Prompt, ein Spiel

Zwei Lernspiele, jedes aus genau einem Prompt entstanden: ein Englisch-Duell für Jahrgang 8 und ein Mathe-Duell für Jahrgang 7. Mit JavaScript kannst du sie hier starten.

Vom Prompt zur Datei

Die KI schreibt nicht nur Text, sondern auch eine komplette Webseite: Aufbau, Gestaltung und Spiellogik in einer einzigen HTML-Datei. Die Datei läuft in jedem Browser, auf dem Tablet wie am Whiteboard, ohne Installation.

Der Prompt dahinter hat zwei Teile. Oben passt du Schulform, Jahrgang, Fach und Themen an. Unten steht fest, wie das Spiel funktioniert und was es nicht darf: keine Daten speichern, nichts aus dem Netz laden.

Prüf jedes Spiel vor dem Einsatz: Stimmen die Aufgaben, passt das Niveau? Wie bei jedem KI-Text können einzelne Aufgaben fehlerhaft sein.

Ausführlich, mit Beispielen für weitere Fächer: Lernspiel selbst bauen. Wie die Datei zu deiner Klasse kommt: HTML-Datei per Link.

Zum Mitnehmen

Der Prompt der Spiele. Die Zeilen unter ANPASSEN änderst du, der Rest bleibt. Am besten in einem Modell mit gründlichem Denken ausführen.

Baue EINE vollständige HTML-Datei: ein Duell-Lernspiel für zwei Schüler an einem iPad, geteilter Bildschirm, gemeinsame Uhr.

ANPASSEN:
Gymnasium · Jahrgang 8 · Fach Englisch
Sprache der Oberfläche: English
Titel: English Hoops · Sport: Basketball
6 Themen: Zeiten, If-Sätze, Passiv, Relativsätze, Wortschatz, gemischte Grammatik
Format: Lückensatz mit ___, vier Optionen, eine richtig

FEST:
Eine Datei, CSS und JS inline. Null externe Ressourcen: keine Bibliotheken, Web-Fonts, Bilder, Tracker, kein fetch. Läuft offline. Schrift nur Arial, Helvetica, sans-serif. Keine Daten, kein localStorage.

72 Aufgabenpaare, 12 pro Thema, 144 verschiedene Sätze. Beide Sätze eines Paares üben dieselbe Regel mit anderem Inhalt und haben dieselbe Lösung und dieselben Ablenker. Beide Teams bekommen bei gleicher Nummer dasselbe Paar, aber nie denselben Satz. Optionen pro Team unabhängig gemischt. Jeder Block aus sechs Aufgaben enthält alle sechs Themen. Schreibe alle 72 Paare aus, keine Auslassungen.

Dauer 1 bis 5 Minuten oder frei von 15 bis 1800 Sekunden. Countdown von 3. Richtig ist ein Punkt, falsch kostet nichts. Lösung plus ein Satz Regel stehen 1,6 Sekunden, dann rückt das Team automatisch vor. Jedes Team spielt unabhängig weiter. Pause hält die Uhr für beide an, auch beim App-Wechsel. Am Ende Sieger, Körbe, Trefferquote, Revanche.

Spielfeld per Canvas aus Code: Halle, Tribüne, Parkett, Feldlinien, Korb mit Netz, Spielfigur. Rechtes Feld gespiegelt. Bei richtiger Antwort fliegt der Ball auf einer Parabel in den Korb, das Netz schwingt nach. prefers-reduced-motion beachten.

Gestaltung: dunkle Halle oben, helles Arbeitsblatt unten. #101c2b, Team A #53d6f5, Team B #ff947d, Akzent #ff934f. Große Punktzahlen, Touchflächen ab 44 px, Hoch- und Querformat, kein Querscrollen. aria-labels und sichtbarer Fokus.

Antworte nur mit dem HTML, vollständig, ohne Platzhalter.