Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ Building the Play Screen | Building Your First Game Flip Cards
Game Development with Cursor

Building the Play Screen

メニューを表示するにはスワイプしてください

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, you'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.
Note
Prompt in Cursor

We are ready for the play screen. After a topic is chosen, show a friendly header and a small label with that topic. Below it, build a centered board with twenty cards (ten matching pairs) using emojis from the chosen topic. All cards start face-down with a playful back design. When a card is tapped, it should flip smoothly with a nice 3D animation to reveal the emoji. When two cards are flipped, if they match, they stay open, if they don't, they turn back after a short delay. While two cards are being checked, no other cards should flip. The design should stay bright, rounded, and playful, and look good on both phones and laptops.

question mark

What happens when two cards are flipped and they match?

正しい答えを選んでください

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 1.  3

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 1.  3
some-alt