Interaktive Unterrichts- und Lernspiele:
Das Einbinden von Gaming-Elementen kann sich positiv auf das Lernen im Unterricht auswirken. Wie können digitale Lernspiele, Learning Apps und andere interaktive Anwendungen für den Unterricht mit KI erstellt werden? 10 Ideen & Prompts für interaktive Lernspiele: zum Ausprobieren und Nachbauen!
Manuel Flick, Lehrkraft im berufsbildenden Bereich, widmet sich schwerpunktmäßig der Integration von Künstlicher Intelligenz (KI) im Schul- und Unterrichtskontext. Als Fortbildner, Referent und Blogger zeigt er, wie KI im Schulalltag entlasten und didaktisch sinnvoll im Unterricht eingesetzt werden kann. Weitere Themen seiner Arbeit sind digitale Medien sowie Organisation und Zeitmanagement im Lehrberuf. Internet: manuelflick.de
10 Ideen & Prompts für interaktive Lernspiele mit Claude 3.5 Sonnet
Ihr könnt die Unterrichtsspiele hier direkt ausprobieren – für eine optimale Darstellung empfehle ich, den Beitrag am PC oder Laptop zu öffnen.
Zahlreiche Tests zeigen, dass Claude 3.5 Sonnet vor allem im Bereich Coding ChatGPT 4o in die Schranken weist. Für mich war das der Moment zu testen, wie sich die Funktion im Schul- und Unterrichtskontext zielführend einsetzen lässt.
Da sich das Einbinden von Gaming-Elementen positiv auf das Lernen im Unterricht auswirken kann, habe ich mal getestet, ob sich mit Claude digitale Lernspiele, Learning Apps und weitere interaktive Anwendungen für den Unterricht erstellen lassen.
Hier erfahrt ihr, was es bei der Erstellung zu beachten gibt und natürlich, was bei meinen ersten Experimenten herausgekommen ist. Viel Spaß beim Lesen, beim Anspielen und beim anschließenden Nachbauen!
Claude funktioniert im Grunde genau wie ChatGPT. Zentral ist das Chatfenster, in das ihr eure Prompts eingebt.
Oberfläche Claude 3.5 Sonnet
Für das Erstellen der interaktiven Lernspiele müsst ihr zuvor aber noch die experimentelle Funktion Artifacts aktivieren.
Damit bekommt ihr euer KI-Ergebnis direkt neben eurem Gesprächsverlauf angezeigt. Wenn ihr weitere Prompts eingebt, wird das KI-Ergebnis dann entsprechend angepasst und ihr könnt zwischen den verschiedenen Versionen eurer Ergebnisse wechseln.
Artifacts-Funktion aktivieren
Zur Erstellung der interaktiven Lernspiele müssen dann einfach passende Prompts eingegeben (1) werden. Die Spiele können dann getestet (2) und mit weiteren Prompts angepasst und optimiert (3) werden.
Bei der kostenlosen Version von Claude 3.5. Sonnet gibt es im Moment eine Begrenzung der Prompt-Eingaben, man kommt damit aber dennoch recht weit.
Die erstellten Spiele und Anwendungen lassen sich anschließend herunterladen (4) und in jedem Browser ohne weitere Installation spielen.
Ihr könnt die Spiele und Anwendungen dann im nächsten Schritt einfach mit euren Schüler:innen teilen, indem ihr diese zum Beispiel in euren gemeinsamen Dateiordnern ablegt, per E-Mail versendet oder über eure Lernplattformen und OneNote bereitstellt.
Interaktive Lernspiele mit Artifacts erstellen
Ich habe zunächst versucht, mit Claude ein Spiel nachzubauen, das an die Spielshow “Wer wird Millionär” angelegt ist. Für das Beispiel habe ich die KI gebeten, Allgemeinwissens-Fragen einzubauen.
Folgenden initialen Prompt habe ich verwendet:
Hilf mir, ein Spiel für den Unterricht zu entwickeln. Es soll so ähnlich aufgebaut sein wie „Wer wird Millionär“. Es müssen Fragen hinterlegt sein mit jeweils vier Antwortmöglichkeiten und einer richtigen Antwort. Thema: Allgemeinwissen. Es gibt 15 Gewinnstufen von 100 €-1.000.000 €. Es gibt einen 50:50 Joker, Telefonjoker und Publikumsjoker. Wenn eine Frage richtig beantwortet wird, dann folgendes einblenden: „Super, nächste Frage“. Wenn etwas falsch beantwortet wird einblenden: „Leider falsch“ Bitte ein Spiel entwickeln, das direkt im Browser läuft ohne Installation
In meinem Fall musste ich mit 2 kurzen Prompts nachfassen, damit auch der Publikumsjoker und Telefonjoker funktionsfähig war; danach war das Spiel voll funktionsfähig.
Hier ist das Ergebnis, das ihr direkt testen könnt:
Millionenquiz
Publikumsjoker Ergebnis:
Im zweiten Versuch habe ich ein Memory-Spiel mit deutschen und englischen Vokabeln zu dem Unterrichtsthema „Vorstellung des Ausbildungsunternehmens“ erstellt. Ziel ist es, die entsprechenden Paare aufzudecken. Die Vokabeln habe ich dieses Mal per Screenshot bereitgestellt.
Vokabel-Memory erstellen mit Claude
Mein initialer Prompt:
Erstelle ein Browsergame für den Unterricht. Es soll an Memory angelegt sein, die Kärtchen enthalten Vokabeln auf Englisch oder Deutsch. Ziel ist es, die passenden Paare (Englisch – Deutsch) zu finden. Wenn die passenden Paare gefunden sind, sollen diese ausgeblendet werden. Wenn alle Paare gefunden sind, blende ein: „Good job“. Folgende Vokabel-Paare verwenden: siehe Screenshot
Mit einem weiteren Prompt habe ich in diesem Fall noch die Anzahl der Wortpaare reduziert.
Hier ist das Ergebnis:
Englisch-Deutsch Vokabel-Memory
Bei der Erstellung dieses Spiels habe ich Vokabeln aus einer Wortliste zu dem Unterrichtsthema „Sustainability“ bereitgestellt und von Claude verlangt, diese senkrecht und waagrecht in einem Wortgitter unterzubringen.
Initialer Prompt:
Erstelle ein Wortgitter, das die nachfolgenden Vokabeln enthält. Die Buchstaben sollen anklickbar sein. Wenn ein Buchstabe eines Wortes geklickt wird, markiere diesen grün, alle anderen Buchstaben rot. Wörter horizontal und vertikal einbauen. Ergänze den Arbeitsauftrag als Text: Find 10 words related to the topic of sustainability. Wörter:
- Sustainability
- Environment
- Renewable Energies
- Climate Change
- Resource Conservation
- Waste Reduction
- Energy Efficiency
- Ecological Footprint
- Environmental Protection
- Recycling
Vokabeln, die aus zwei Wörtern bestehen, wurden im Wortgitter nicht zusammenhängend untergebracht. Dies lässt sich grundsätzlich mit weiteren Prompts beheben, auch wenn es mir in diesem Fall nicht auf Anhieb gelungen ist. Der Anwendungsfall wird aus meiner Sicht dennoch deutlich.
Hier das Ergebnis:
Sustainability Word Grid
Find 10 words related to the topic of sustainability
Bei diesem Spiel handelt es sich um das Spiel „Galgenmännchen“ oder „Wörter raten“. Statt des Galgenmännchens habe ich eine Blume gewählt, die bei falschen Antworten Blätter verliert. Anschließend habe ich ein paar Wörter hinterlegt, die per Eingabe über die Tastatur erraten werden müssen.
Hier der initiale Prompt:
Erstelle das Spiel Hangman, das sich direkt im Browser ausführen lässt (HTML). Statt eines Galgenmännchens aber eine Blume darstellen, die bei falschen Eingaben Blätter verliert.
Folgende Wörter hinterlegen: Unterricht, Schule, Künstliche Intelligenz
Das Ergebnis:
Wörter raten
In diesem Versuch habe ich die KI zuerst gebeten, das Spiel Pong für 2 Spieler nachzubauen. Initialer Prompt:
Erstelle das Spiel Pong für 2 Spieler. Score 10 Punkte
Danach habe ich Wahr-Falsch-Fragen mit einem weiteren Prompt bereitgestellt und in das Spiel integrieren lassen:
Stelle immer eine Wahr-Falsch-Frage wenn ein Spieler einen Punkt macht. Ist die Frage richtig beantwortet, gibt es den Punkt. Ist die Frage falsch beantwortet, gibt es keinen Punkt. Die Fragen anbei:
[Wahr-Falsch-Fragen]
In meinem Beispiel habe ich Fragen zu dem Thema “Unternehmensformen” eingefügt. Danach sind noch ein paar kleinere Änderungen mit weiteren Prompts erfolgt.
Hier das Ergebnis:
Des Weiteren lässt sich der Spiele-Klassiker „Snake“ mit der KI nachgebauen.
Erster Prompt:
Erstelle das Spiel Snake, das direkt im Browser funktioniert. Steuerung mit Pfeiltasten
Anschließend habe ich mit einem weiteren Prompt die Anweisung erteilt, alle 10 Punkte eine Allgemeinwissensfrage zu stellen.
Zweiter Prompt:
Erweitern. Stelle alle 10 Punkte eine Wahr-Falsch-Frage zum Thema Allgemeinbildung. Nur wenn die Frage richtig beantwortet wird, geht das Snake-Spiel weiter.
Mit einem weiteren Prompt habe ich einen Start-Button eingefügt. Grundsätzlich ließen sich noch weitere Änderungen vornehmen, zum Beispiel das Frageintervall anpassen oder die Geschwindigkeit der Schlange erhöhen beziehungsweise reduzieren.
Hier das Ergebnis:
Punktzahl: 0
Steuerung: Pfeiltasten
Auch weitere Geschicklichkeitsspiele lassen sich mit Fragen aus dem Unterricht kombinieren. Hier noch mein Ansatz mit dem Spiel Breakout, bei dem Blöcke mit einem Ball abgeschossen werden müssen. Nach jedem Level wird eine Frage gestellt, die beantwortet werden muss.
Ebenso lassen sich mit Claude Zuordnungsaufgaben erstellen, bei denen bestimmte Begriffe per Drag-and-Drop an die entsprechenden Stellen gezogen werden müssen. Hier ein Beispiel mit der Bedürfnispyramide von Maslow. Ich habe dazu einen Screenshot als Orientierung bereitgestellt, auf dem die Pyramide mit den Begriffen abgebildet war.
Auch weitere Zuordnungsaufgaben sind möglich, etwa in Form eines Zeitstrahls, einer Tabelle oder einer Matrix.
Erster Prompt:
Erstelle eine Zuordnungsaufgabe, die direkt im Browser per Drag and Drop funktioniert (HTML). Bilde dazu die Bedürfnispyramide nach Maslow ab (siehe Anhang). Die Begriffe sollen darunter zu sehen sein und dann auf die Pyramide gezogen werden. Füge einen Button “Lösung anzeigen” ein. Responsiv!
Mit einem zweiten Prompt habe ich das Ergebnis noch etwas angepasst:
Wenn ich den Button Lösung anzeigen drücke, die Aufgabe nicht lösen, sondern falsche Zuordnugnen rot markieren
Hier ist das Ergebnis:
Erstelle das Spiel die magische Wand (HTML), das sich direkt im Browser spielen lässt. Die Wand hat 5 x 5 Felder.
Themen (Spalten von links nach rechts): 1. Allgemeinwissen 2. Geschichte und Politik 3. Wissenschaft und Technik 4. Kunst und Literatur 5. Sport und Freizeit
Punkte (Zeilen von unten nach oben): 100, 200, 300, 400, 500
Hinter jedem der Felder befindet sich eine Frage. Je mehr Punkte es für eine Frage gibt, desto schwerer muss sie sein. Wenn eine Frage richtig beantwortet wird, gibt es die entsprechenden Punkte. Es gibt immer 3 Antwortmöglichkeiten. Das Spiel ist vorbei, wenn alle Felder aufgedeckt wurden. Punkte zählen und Überschrift einfügen. Kategorien oberhalb der Spalten anzeigen.
Wenn eine Frage falsch beantwortet wird, schreibe „Leider falsch“ und zeige die Lösung an. Wenn eine Frage richtig beantwortet wird zeige „Super“ an.
Weitere Anpassungen waren nicht nötig. Hier ist das Ergebnis:
Die magische Wand
Wie der Titel schon verrät, geht es bei diesem Spiel ums Schätzen. Bis zu 4 Spieler geben Ihre jeweiligen Antworten zu entsprechenden Schätzfragen in ein Feld ein. Der Spieler, der am nächsten am Ergebnis ist, erhält einen Punkt. Mit weiteren Prompts lässt sich nicht nur der Spielerkreis erweitern, sondern natürlich auch weitere Fragen hinzufügen.
Initialer Prompt:
Erstelle ein Spiel für 4 Spieler, bei dem man schätzen muss. Das Spiel soll im Browser spielbar sein (HTML). Eingabefelder erzeugen; wer näher am Ergebnis ist, hat gewonnen und bekommt einen Punkt. Nach jeder Runde die richtig Antwort anzeigen und sagen, wer gewonnen hat. Berücksichtige diese Fragen:
[Fragen und Antworten nennen]
Hier ist das Ergebnis:
Schätzspiel
Die Erstellung eines Lückentextes hat auch ohne Weiteres funktioniert, bei dem die korrekten Antworten per Drag-and-Drop an die richtige Stelle gezogen werden müssen. Einen Beispieltext zum Thema “Corporate Identity habe ich in Form eines PDF-Dokuments bereitgestellt.
Ich stelle dir einen Text bereit. Erstelle daraus einen Lückentext mit ca. 10 Lücken. Die Lücken sollen sich auf wichtige Schlagwörter beziehen. Die Wörter sollen angezeigt werden und per Drag and Drop in die Lücken gezogen werden können. Hinterlege einen Lösungsbutton. Das ganze soll im Browser ausführbar sein (HTML)
Weitere Prompts waren auch hier nicht nötig. Hier ist das Ergebnis:
Corporate Identity Lückentext
Fazit
Ganz ehrlich, die Coding-Funktionen von Claude 3.5. Sonnet haben mich sprachlos gemacht. Es ist schon beeindruckend, wie einfach und vor allem wie schnell sich damit funktionsfähige Lernspiele, Learning Apps und Anwendungen bauen lassen. Und das Ganze natürlich ohne Programmier-Kenntnisse.
In Zukunft kann ich einfach meine Spielvorlagen verwenden, mit einem einfachen Prompt die Fragen oder Texte tauschen und damit die Spiele auf jedes beliebige Unterrichtsthema übertragen. Ich bin schon sehr gespannt, einige dieser Beispiele auch im Unterricht einzusetzen.
Übrigens, wie genial ist eigentlich die Side-by-Side-Darstellung bei der Artifakts-Funktion ? Einfach klasse, das KI-Ergebnis die ganze Zeit im Blick zu haben und live verfolgen zu können, wie sich weitere Prompts auf das Ergebnis auswirken. ChatGPT muss hier unbedingt nachziehen.