Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Criando a Tela Inicial | Construindo Seu Primeiro Jogo Flip Cards
Criando Jogos com Cursor AI

bookCriando a Tela Inicial

Um jogo da memória começa com uma tela inicial acolhedora. Ela será alegre e divertida, com grandes cartões para diferentes tópicos que os jogadores podem escolher antes de começar.

Este jogo é um clássico desafio de memória: vire duas cartas, tente encontrar um par e continue até que todos os pares sejam descobertos. Para tornar mais divertido, os jogadores podem escolher um tópico antes de começar.

Para a primeira versão, você adicionará três: Animais, Frutas e Espaço. Cada tópico aparecerá como um cartão grande e colorido, com um emoji e um rótulo. Ao clicar em um deles, o jogador será levado para o jogo com esse tema.

Vamos configurar tudo passo a passo:

Crie sua pasta do projeto
expand arrow

Você pode colocá-la em qualquer lugar (Área de Trabalho, Documentos, etc.). Por exemplo, nomeie como "flip-card-memory-game".

Abra a pasta no Cursor
expand arrow

Vá em ArquivoAbrir Pasta e selecione a que você acabou de criar.

Abra um chat no Cursor
expand arrow

É aqui que você escreverá seu primeiro prompt.

Digite o prompt preparado (ou sua própria versão)
expand arrow

O Cursor irá gerar o código para a tela inicial.

Quando o Cursor terminar, clique em Go Live para visualizar instantaneamente a página em seu navegador.

Note
Nota

Se desejar ajustar o design (alterar cores, experimentar uma nova fonte ou modificar o layout), peça ao Cursor em inglês simples e ele atualizará o código para você.

question mark

De acordo com o prompt preparado, o que deve ser exibido na tela inicial do seu Flip Card Memory Game?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 1. Capítulo 2

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Suggested prompts:

Can you explain how the game works after selecting a topic?

What should I do if I want to add more topics later?

How can I customize the appearance of the home screen?

Awesome!

Completion rate improved to 6.67

bookCriando a Tela Inicial

Deslize para mostrar o menu

Um jogo da memória começa com uma tela inicial acolhedora. Ela será alegre e divertida, com grandes cartões para diferentes tópicos que os jogadores podem escolher antes de começar.

Este jogo é um clássico desafio de memória: vire duas cartas, tente encontrar um par e continue até que todos os pares sejam descobertos. Para tornar mais divertido, os jogadores podem escolher um tópico antes de começar.

Para a primeira versão, você adicionará três: Animais, Frutas e Espaço. Cada tópico aparecerá como um cartão grande e colorido, com um emoji e um rótulo. Ao clicar em um deles, o jogador será levado para o jogo com esse tema.

Vamos configurar tudo passo a passo:

Crie sua pasta do projeto
expand arrow

Você pode colocá-la em qualquer lugar (Área de Trabalho, Documentos, etc.). Por exemplo, nomeie como "flip-card-memory-game".

Abra a pasta no Cursor
expand arrow

Vá em ArquivoAbrir Pasta e selecione a que você acabou de criar.

Abra um chat no Cursor
expand arrow

É aqui que você escreverá seu primeiro prompt.

Digite o prompt preparado (ou sua própria versão)
expand arrow

O Cursor irá gerar o código para a tela inicial.

Quando o Cursor terminar, clique em Go Live para visualizar instantaneamente a página em seu navegador.

Note
Nota

Se desejar ajustar o design (alterar cores, experimentar uma nova fonte ou modificar o layout), peça ao Cursor em inglês simples e ele atualizará o código para você.

question mark

De acordo com o prompt preparado, o que deve ser exibido na tela inicial do seu Flip Card Memory Game?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 1. Capítulo 2
some-alt