Summary  
This chapter explains how to render a dynamic grid of interactive cards, implement smooth 3D flip animations, and manage state-driven logic to handle matching pairs and user interactions.

General domain of usage  
Web-based interactive games

Once the player chooses a topic, the game requires a **play screen** where the real action takes place. This is the heart of the memory challenge, with all the cards laid out for matching.

On the play screen, we'll:
1. Show a friendly header and a small label with the chosen topic;
2. Display a centered board with **20 cards (10 matching pairs)** based on that topic's emojis;
3. Start with all cards face-down;
4. Add smooth **3D flip animations** when a card is tapped;
5. Keep gameplay logic simple:
   - If two flipped cards match → they stay open;
   - If they don't match → they flip back after a short delay;
   - While two cards are being checked, no other cards can flip.

Based on the gameplay logic we use in this app, what happens if two flipped cards don't match?

Create simple browser games through the power of prompting in Cursor AI. Discover how to turn everyday ideas into interactive projects without coding knowledge. Practice guiding AI with clear instructions and polish your games into something you can proudly show.

Build your very first game by guiding Cursor AI with simple prompts. Explore how to flip cards, check for matches, and track progress in the browser. Learn to refine the AI output step by step and create a clean memory game anyone can play.

Create a fun and dynamic catching game with Cursor AI. Control a backpack at the bottom of the screen and catch school items falling from above. Practice adding scoring, player controls, and playful visuals while learning how to refine AI code generation.

Develop a small adventure where a rabbit tries to reach a carrot while avoiding foxes and wolves. Guide Cursor AI to generate movement, obstacles, and win or lose conditions. Learn how to adjust prompts to handle more complex logic and polish your game into a complete experience.

Building the Play Screen

Awesome!

Building the Play Screen