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

Ett memoryspel blir mer spännande när varje matchning ger **en liten belöning**. Du kommer att lägga till lekfulla pop-up-fönster som visar roliga fakta efter varje korrekt matchning, samt en glad vinstskärm när spelet är klart.

- Efter varje korrekt matchning visas en liten pop-up;
- Den visar en kort fakta från det valda ämnet, en fakta per par (tio fakta totalt);
- Pop-upen innehåller en stor ok-knapp. Tills den stängs är spelet pausat. Inga kort kan vändas.

Rolig fakta-pop-up

Sista paret + vinstskärm:
- När det allra sista paret matchas, visas dess fakta först;
- Efter att ha tryckt på ok-knappen visas omedelbart en glad vinstskärm;
- Vinstskärmen säger något i stil med "Du vann! 🎉" och har två knappar: `Play Again` och `Back Home`;
- Medan denna skärm är öppen är spelplanen fryst, så spelare kan inte interagera med korten.

Sista paret och vinstskärm

När det sista paret matchas i memoryspelet, vilken är den korrekta sekvensen av pop-ups enligt instruktionen?

Skapa enkla webbläsarspel med hjälp av promptning i Cursor. Upptäck hur vardagliga idéer kan omvandlas till interaktiva projekt utan kodningskunskaper. Öva på att styra AI med tydliga instruktioner och finslipa dina spel till något du stolt kan visa upp.

Bygg ditt allra första spel genom att styra Cursor AI med enkla instruktioner. Utforska hur man vänder kort, kontrollerar matchningar och följer framsteg i webbläsaren. Lär dig att stegvis förfina AI:ns resultat och skapa ett rent memoryspel som alla kan spela.

Skapa ett roligt och dynamiskt fångstspel med Cursor AI. Styr en ryggsäck längst ner på skärmen och fånga skolmaterial som faller uppifrån. Öva på att lägga till poängräkning, spelarkontroller och lekfulla visuella element samtidigt som du lär dig att förfina AI-kodgenerering.

Utveckla ett litet äventyr där en kanin försöker nå en morot samtidigt som den undviker rävar och vargar. Instruera Cursor AI att generera rörelser, hinder samt vinst- och förlustvillkor. Lär dig hur du justerar promptar för att hantera mer komplex logik och finslipa ditt spel till en komplett upplevelse.

Lägga till Roliga Fakta och Vinstskärm

Awesome!

Lägga till Roliga Fakta och Vinstskärm