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
Genial!
Completion tasa mejorada a 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!
