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

Um jogo da memória fica mais envolvente quando cada combinação correta traz **uma pequena recompensa**. Você adicionará pop-ups divertidos que mostram curiosidades após cada acerto, além de uma tela de vitória animada ao final do jogo.

- Após cada combinação correta, um pequeno pop-up aparece;
- Ele exibe uma curiosidade curta sobre o tema escolhido, sendo uma curiosidade por par (dez curiosidades no total);
- O pop-up inclui um grande botão de ok. Enquanto ele não for fechado, o jogo fica pausado. Nenhuma carta pode ser virada.

Pop-up de curiosidade

Par final + Tela de vitória:
- Quando o último par for combinado, mostre primeiro a curiosidade correspondente;
- Após pressionar o botão ok, exiba imediatamente uma tela de vitória animada;
- A tela de vitória exibe uma mensagem como "Você venceu! 🎉" e possui dois botões: `Play Again` e `Back Home`;
- Enquanto essa tela estiver aberta, o tabuleiro fica congelado, impedindo que os jogadores interajam com as cartas.

Par final e tela de vitória

Quando o último par é combinado no jogo da memória, qual é a sequência correta de pop-ups de acordo com a instrução?

Crie jogos simples para navegador utilizando o poder do prompting no Cursor. Descubra como transformar ideias cotidianas em projetos interativos sem conhecimento prévio de programação. Pratique orientar a IA com instruções claras e aperfeiçoe seus jogos para apresentá-los com orgulho.

Construa seu primeiro jogo orientando o Cursor AI com prompts simples. Explore como virar cartas, verificar correspondências e acompanhar o progresso no navegador. Aprenda a refinar a saída da IA passo a passo e crie um jogo da memória limpo que qualquer pessoa pode jogar.

Crie um jogo de pegar divertido e dinâmico com o Cursor AI. Controle uma mochila na parte inferior da tela e capture itens escolares que caem do topo. Pratique a adição de pontuação, controles do jogador e visuais lúdicos enquanto aprende a aprimorar a geração de código por IA.

Desenvolvimento de uma pequena aventura em que um coelho tenta alcançar uma cenoura enquanto evita raposas e lobos. Orientação do Cursor AI para gerar movimentos, obstáculos e condições de vitória ou derrota. Aprendizado sobre como ajustar prompts para lidar com lógicas mais complexas e aprimorar o jogo até torná-lo uma experiência completa.

Adicionando Curiosidades e Tela de Vitória

Awesome!

Adicionando Curiosidades e Tela de Vitória