Conception de l'Écran d'Accueil
Vous lancez un nouveau jeu appelé « Aide Colin ». Colin a trop dormi, le bus arrive bientôt, et la tâche de l'utilisateur est de l'aider à se préparer en attrapant les bonnes fournitures scolaires tout en évitant les mauvaises. Commencez par créer un écran d'accueil lumineux et convivial qui raconte cette histoire.
Téléchargez les images préparées (room.png, colin.png). Vous préférez utiliser vos propres ressources ? Aucun problème, gardez les mêmes noms de fichiers ou modifiez l'invite en conséquence.
- Créer un nouveau dossier pour le projet (par exemple,
help-colin-game) et l’ouvrir dans Cursor (Fichier → Ouvrir un dossier); - Placer
room.pngetcolin.pngà la racine du projet; - Ouvrir une nouvelle discussion dans Cursor;
- Coller l’invite ci-dessous et l’exécuter;
- Cliquer sur Go Live pour prévisualiser.
- L’arrière-plan utilise
room.pngavec une superposition douce pour garantir la lisibilité du texte ; - Sur la gauche, une grande image de Colin (
colin.png) ; - À droite, le titre du jeu accompagné d’une courte histoire sympathique sur le retard de Colin ;
- Un bouton d’action principal intitulé « Aide Colin ! », grand et coloré, qui lancera le jeu plus tard ;
- L’ambiance générale inclut des émojis scolaires flottants pour un effet ludique, avec des visuels arrondis adaptés aux enfants et conçus pour être réactifs sur téléphones et ordinateurs portables.
Merci pour vos commentaires !
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Awesome!
Completion rate improved to 6.67Conception de l'Écran d'Accueil
Glissez pour afficher le menu
Vous lancez un nouveau jeu appelé « Aide Colin ». Colin a trop dormi, le bus arrive bientôt, et la tâche de l'utilisateur est de l'aider à se préparer en attrapant les bonnes fournitures scolaires tout en évitant les mauvaises. Commencez par créer un écran d'accueil lumineux et convivial qui raconte cette histoire.
Téléchargez les images préparées (room.png, colin.png). Vous préférez utiliser vos propres ressources ? Aucun problème, gardez les mêmes noms de fichiers ou modifiez l'invite en conséquence.
- Créer un nouveau dossier pour le projet (par exemple,
help-colin-game) et l’ouvrir dans Cursor (Fichier → Ouvrir un dossier); - Placer
room.pngetcolin.pngà la racine du projet; - Ouvrir une nouvelle discussion dans Cursor;
- Coller l’invite ci-dessous et l’exécuter;
- Cliquer sur Go Live pour prévisualiser.
- L’arrière-plan utilise
room.pngavec une superposition douce pour garantir la lisibilité du texte ; - Sur la gauche, une grande image de Colin (
colin.png) ; - À droite, le titre du jeu accompagné d’une courte histoire sympathique sur le retard de Colin ;
- Un bouton d’action principal intitulé « Aide Colin ! », grand et coloré, qui lancera le jeu plus tard ;
- L’ambiance générale inclut des émojis scolaires flottants pour un effet ludique, avec des visuels arrondis adaptés aux enfants et conçus pour être réactifs sur téléphones et ordinateurs portables.
Merci pour vos commentaires !
