Diseño de la Pantalla de Inicio
Estás lanzando un nuevo juego llamado "Ayuda a Colin". Colin se ha quedado dormido, el autobús está a punto de llegar y la tarea del usuario es ayudarlo a prepararse atrapando útiles escolares buenos mientras evita los malos. Primero, crearás una pantalla de inicio brillante y amigable que cuente esta historia.
Descarga las imágenes preparadas (room.png, colin.png). ¿Prefieres usar tus propios recursos? No hay problema, mantén los mismos nombres de archivo o actualiza el prompt según corresponda.
- Crea una nueva carpeta para el proyecto (por ejemplo,
help-colin-game) y ábrela en Cursor (Archivo → Abrir carpeta); - Coloca
room.pngycolin.pngen la raíz del proyecto; - Abre un nuevo chat en Cursor;
- Pega el siguiente prompt y ejecútalo;
- Haz clic en Go Live para previsualizar.
- El fondo utiliza
room.pngcon una superposición suave para asegurar que el texto sea legible; - En el lado izquierdo, hay una imagen grande de Colin (
colin.png); - El lado derecho muestra el título del juego junto con una breve y amigable historia sobre Colin llegando tarde;
- Hay un botón de acción principal que dice "¡Ayuda a Colin!", grande y colorido, que más adelante iniciará el juego;
- El ambiente general incluye emojis escolares flotantes para un movimiento lúdico, con visuales redondeados y amigables para niños, diseñados para ser responsivos tanto en teléfonos como en portátiles.
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Awesome!
Completion rate improved to 6.67Diseño de la Pantalla de Inicio
Desliza para mostrar el menú
Estás lanzando un nuevo juego llamado "Ayuda a Colin". Colin se ha quedado dormido, el autobús está a punto de llegar y la tarea del usuario es ayudarlo a prepararse atrapando útiles escolares buenos mientras evita los malos. Primero, crearás una pantalla de inicio brillante y amigable que cuente esta historia.
Descarga las imágenes preparadas (room.png, colin.png). ¿Prefieres usar tus propios recursos? No hay problema, mantén los mismos nombres de archivo o actualiza el prompt según corresponda.
- Crea una nueva carpeta para el proyecto (por ejemplo,
help-colin-game) y ábrela en Cursor (Archivo → Abrir carpeta); - Coloca
room.pngycolin.pngen la raíz del proyecto; - Abre un nuevo chat en Cursor;
- Pega el siguiente prompt y ejecútalo;
- Haz clic en Go Live para previsualizar.
- El fondo utiliza
room.pngcon una superposición suave para asegurar que el texto sea legible; - En el lado izquierdo, hay una imagen grande de Colin (
colin.png); - El lado derecho muestra el título del juego junto con una breve y amigable historia sobre Colin llegando tarde;
- Hay un botón de acción principal que dice "¡Ayuda a Colin!", grande y colorido, que más adelante iniciará el juego;
- El ambiente general incluye emojis escolares flotantes para un movimiento lúdico, con visuales redondeados y amigables para niños, diseñados para ser responsivos tanto en teléfonos como en portátiles.
¡Gracias por tus comentarios!
