Summary  
This chapter covers how to implement event-driven modal pop-ups that display dynamic content (fun facts), pause underlying interactions until dismissed, and chain into a final win-screen modal when a game state completes.

General domain of usage  
Interactive web applications

Ein Memory-Spiel wird spannender, wenn jede Übereinstimmung mit **einer kleinen Belohnung** versehen ist. Es werden spielerische Pop-ups hinzugefügt, die nach jedem richtigen Paar interessante Fakten anzeigen, sowie ein fröhlicher Gewinnbildschirm, wenn das Spiel abgeschlossen ist.

- Nach jedem richtigen Paar erscheint ein kleines Pop-up;
- Es zeigt einen kurzen Fakt zum gewählten Thema, jeweils ein Fakt pro Paar (insgesamt zehn Fakten);
- Das Pop-up enthält einen großen OK-Button. Solange es geöffnet ist, ist das Spiel pausiert. Es können keine Karten umgedreht werden.

Pop-up mit interessanten Fakten

Letztes Paar + Gewinnbildschirm:
- Wenn das allerletzte Paar gefunden wurde, wird zuerst dessen Fakt angezeigt;
- Nach Drücken des OK-Buttons erscheint sofort ein fröhlicher Gewinnbildschirm;
- Der Gewinnbildschirm zeigt eine Nachricht wie "Du hast gewonnen! 🎉" und bietet zwei Buttons: `Play Again` und `Back Home`;
- Während dieser Bildschirm angezeigt wird, ist das Spielfeld eingefroren, sodass keine Interaktion mit den Karten möglich ist.

Letztes Paar und Gewinnbildschirm

Was ist laut Aufgabenstellung die richtige Reihenfolge der Pop-ups, wenn das letzte Paar im Memory-Spiel gefunden wurde?

Erstellen Sie einfache Browserspiele durch den Einsatz von Prompts in Cursor. Entdecken Sie, wie alltägliche Ideen ohne Programmierkenntnisse in interaktive Projekte verwandelt werden können. Üben Sie, die KI mit klaren Anweisungen zu steuern und verfeinern Sie Ihre Spiele, sodass Sie diese mit Stolz präsentieren können.

Erstellen Sie Ihr erstes Spiel, indem Sie Cursor AI mit einfachen Anweisungen steuern. Entdecken Sie, wie Karten umgedreht, Übereinstimmungen überprüft und der Fortschritt im Browser verfolgt werden. Lernen Sie, die KI-Ausgabe schrittweise zu verfeinern und ein übersichtliches Memory-Spiel zu gestalten, das für alle spielbar ist.

Entwicklung eines unterhaltsamen und dynamischen Fangspiels mit Cursor AI. Steuerung eines Rucksacks am unteren Bildschirmrand zum Auffangen von herabfallenden Schulutensilien. Übung im Hinzufügen von Punktesystem, Spielersteuerung und ansprechenden Grafiken sowie Vertiefung der Kenntnisse zur Optimierung der KI-Codegenerierung.

Entwicklung eines kleinen Abenteuers, in dem ein Hase versucht, eine Karotte zu erreichen, während er Füchsen und Wölfen ausweicht. Anleitung für Cursor AI zur Generierung von Bewegungen, Hindernissen sowie Gewinn- und Verlustbedingungen. Vermittlung der Anpassung von Prompts zur Bewältigung komplexerer Logik und zur Verfeinerung des Spiels zu einem vollständigen Erlebnis.

Hinzufügen von Interessanten Fakten und Gewinnbildschirm