Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Création de l'Écran d'Accueil | Création de Votre Premier Jeu de Cartes à Retourner
Création de Jeux avec Cursor AI

bookCréation de l'Écran d'Accueil

Un jeu de mémoire commence par un écran d'accueil accueillant. Il sera joyeux et ludique, avec de grandes cartes représentant différents thèmes que les joueurs peuvent choisir avant de commencer.

Ce jeu est un classique du défi de mémoire : retourner deux cartes, essayer de trouver une paire, et continuer jusqu'à ce que toutes les paires soient découvertes. Pour rendre l'expérience plus amusante, les joueurs peuvent choisir un thème avant de commencer.

Pour la première version, vous en ajouterez trois : Animaux, Fruits et Espace. Chaque thème apparaîtra sous la forme d'une grande carte colorée avec un emoji et un libellé. Cliquer sur l'une d'elles lancera la partie pour ce thème.

Procédons étape par étape :

Créer votre dossier de projet
expand arrow

Vous pouvez le placer n'importe où (Bureau, Documents, etc.). Par exemple, nommez-le "flip-card-memory-game".

Ouvrir le dossier dans Cursor
expand arrow

Allez dans FichierOuvrir un dossier et sélectionnez celui que vous venez de créer.

Ouvrir un chat dans Cursor
expand arrow

C'est ici que vous rédigerez votre première invite.

Saisir l'invite préparée (ou votre propre version)
expand arrow

Cursor générera le code pour l'écran d'accueil.

Une fois que Cursor a terminé, cliquez sur Go Live pour prévisualiser instantanément la page dans votre navigateur.

Note
Note

Pour modifier le design (changer les couleurs, essayer une nouvelle police ou ajuster la mise en page), demandez à Cursor en anglais simple, et il mettra à jour le code pour vous.

question mark

Selon l'invite préparée, que doit-on afficher sur l'écran d'accueil de votre jeu Flip Card Memory ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 1. Chapitre 2

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

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

bookCréation de l'Écran d'Accueil

Glissez pour afficher le menu

Un jeu de mémoire commence par un écran d'accueil accueillant. Il sera joyeux et ludique, avec de grandes cartes représentant différents thèmes que les joueurs peuvent choisir avant de commencer.

Ce jeu est un classique du défi de mémoire : retourner deux cartes, essayer de trouver une paire, et continuer jusqu'à ce que toutes les paires soient découvertes. Pour rendre l'expérience plus amusante, les joueurs peuvent choisir un thème avant de commencer.

Pour la première version, vous en ajouterez trois : Animaux, Fruits et Espace. Chaque thème apparaîtra sous la forme d'une grande carte colorée avec un emoji et un libellé. Cliquer sur l'une d'elles lancera la partie pour ce thème.

Procédons étape par étape :

Créer votre dossier de projet
expand arrow

Vous pouvez le placer n'importe où (Bureau, Documents, etc.). Par exemple, nommez-le "flip-card-memory-game".

Ouvrir le dossier dans Cursor
expand arrow

Allez dans FichierOuvrir un dossier et sélectionnez celui que vous venez de créer.

Ouvrir un chat dans Cursor
expand arrow

C'est ici que vous rédigerez votre première invite.

Saisir l'invite préparée (ou votre propre version)
expand arrow

Cursor générera le code pour l'écran d'accueil.

Une fois que Cursor a terminé, cliquez sur Go Live pour prévisualiser instantanément la page dans votre navigateur.

Note
Note

Pour modifier le design (changer les couleurs, essayer une nouvelle police ou ajuster la mise en page), demandez à Cursor en anglais simple, et il mettra à jour le code pour vous.

question mark

Selon l'invite préparée, que doit-on afficher sur l'écran d'accueil de votre jeu Flip Card Memory ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 1. Chapitre 2
some-alt