Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Creación de la Pantalla de Inicio | Creando Tu Primer Juego de Cartas Volteables
Creación de Juegos con Cursor IA

bookCreación de la Pantalla de Inicio

Un juego de memoria comienza con una pantalla de inicio acogedora. Será alegre y divertida, con grandes tarjetas para diferentes temas que los jugadores pueden elegir antes de comenzar.

Este juego es un clásico desafío de memoria: voltear dos cartas, intentar encontrar una coincidencia y continuar hasta descubrir todos los pares. Para hacerlo más entretenido, los jugadores pueden elegir un tema antes de empezar.

Para la primera versión, agregarás tres: Animales, Frutas y Espacio. Cada tema aparecerá como una tarjeta grande y colorida con un emoji y una etiqueta. Al hacer clic en una, el jugador ingresará al juego con esa temática.

Configura todo paso a paso:

Crear la carpeta del proyecto
expand arrow

Puedes ubicarla en cualquier lugar (Escritorio, Documentos, etc.). Por ejemplo, llámala "flip-card-memory-game".

Abrir la carpeta en Cursor
expand arrow

Ve a ArchivoAbrir carpeta y selecciona la que acabas de crear.

Abrir un chat en Cursor
expand arrow

Aquí es donde escribirás nuestro primer prompt.

Escribir el prompt preparado (o tu propia versión)
expand arrow

Cursor generará el código para la pantalla de inicio.

Una vez que Cursor termine, haz clic en Go Live para previsualizar la página al instante en tu navegador.

Note
Nota

Si deseas ajustar el diseño (cambiar colores, probar una nueva fuente o modificar la disposición), pide a Cursor en inglés sencillo y actualizará el código por ti.

question mark

Según la instrucción preparada, ¿qué debe mostrarse en la pantalla de inicio de tu juego Flip Card Memory?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 1. Capítulo 2

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Awesome!

Completion rate improved to 6.67

bookCreación de la Pantalla de Inicio

Desliza para mostrar el menú

Un juego de memoria comienza con una pantalla de inicio acogedora. Será alegre y divertida, con grandes tarjetas para diferentes temas que los jugadores pueden elegir antes de comenzar.

Este juego es un clásico desafío de memoria: voltear dos cartas, intentar encontrar una coincidencia y continuar hasta descubrir todos los pares. Para hacerlo más entretenido, los jugadores pueden elegir un tema antes de empezar.

Para la primera versión, agregarás tres: Animales, Frutas y Espacio. Cada tema aparecerá como una tarjeta grande y colorida con un emoji y una etiqueta. Al hacer clic en una, el jugador ingresará al juego con esa temática.

Configura todo paso a paso:

Crear la carpeta del proyecto
expand arrow

Puedes ubicarla en cualquier lugar (Escritorio, Documentos, etc.). Por ejemplo, llámala "flip-card-memory-game".

Abrir la carpeta en Cursor
expand arrow

Ve a ArchivoAbrir carpeta y selecciona la que acabas de crear.

Abrir un chat en Cursor
expand arrow

Aquí es donde escribirás nuestro primer prompt.

Escribir el prompt preparado (o tu propia versión)
expand arrow

Cursor generará el código para la pantalla de inicio.

Una vez que Cursor termine, haz clic en Go Live para previsualizar la página al instante en tu navegador.

Note
Nota

Si deseas ajustar el diseño (cambiar colores, probar una nueva fuente o modificar la disposición), pide a Cursor en inglés sencillo y actualizará el código por ti.

question mark

Según la instrucción preparada, ¿qué debe mostrarse en la pantalla de inicio de tu juego Flip Card Memory?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 1. Capítulo 2
some-alt