Cómo crear un juego de memoria


Anton
Last Updated: hace 5 días

Crea parejas con nuestro juego de memoria. El juego te permite buscar cartas idénticas o cartas de significado similar. Pero este formato también se puede utilizar para proyectos serios. A diferencia del juego Find a Pair, las cartas de memoria se mezclan cada vez que inicias el juego, lo que hace que la búsqueda sea interesante.

Aprende a crear un Juego de Memoria con este videotutorial:

Comienzo del trabajo

Inicia sesión en tu perfil de interacty.me. Para crear memoria, haz clic en el botón Galería de plantillas.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/UBqcxTTGXZQEytbana55asgNWvFS270y9ZNVwM1g-image.png

Selecciona Memoria.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/JSvPAGMek5hXprfKfPMFSH34DkYwEUfaseXcCdcW-image.png

Selecciona la plantilla que desees de la lista haciendo clic en el botón Editar (1). El botón Vista previa (2) te permitirá obtener una vista previa de la plantilla.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/EAKPP40QQfcWB4dlB9Qbdz169MxGy0iWBI2OBZ0P-image.png

Edición de plantillas

Para comenzar, haga clic en Editar contenido.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/FM2t9WDIK3VNaYfBN9qrkULAfiz9Ax3aF09lIo3s-image.png

Decide el diseño y las proporciones de la tarjeta. Ten en cuenta que el número total de tarjetas de tu proyecto dependerá del diseño. Para obtener un mejor resultado, usa la vista previa en el lado derecho de la pantalla.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/vFndI0XkOge6yHk9EpDsxnHyokw8JXeJLsxkYwTY-image.png

Si es necesario puedes cambiar el reverso de la tarjeta haciendo clic en el botón Cambiar.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/tBa3Z1bBMqpvYeDD06ikisk1wrJ5BRJX5qb02y6J-image.png

Hay 2 formas de subir una nueva imagen: directamente desde tu ordenador o usando la Biblioteca Unsplash.

Mi biblioteca: imágenes que utilizaste anteriormente en otras plantillas. Se pueden descargar desde Unsplash o desde tu ordenador. Para añadir una imagen desde tu dispositivo haz clic en Cargar medios.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/b3y9KlKdpMrxDl69UoQAiuGdyuohL5MhcwlnnPTj-image.png

Biblioteca Unsplash: acceso directo al servicio de fotografías de archivo Unsplash. Introduce un tema en la búsqueda y selecciona la imagen que desees. Haz clic en Colocar imagen.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/mO4zztMHZEZ6zz2R04JBN8qqOXYjKF3WNoI3WKVu-image.png

Después de configurar el campo de juegos, ve a la sección Parejas.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/FZmEtoHBvClGtf3zKUO48IZ8XAZuAsM7hyqFl0Ua-image.png

Opcionalmente puedes agregar una explicación a los pares haciendo clic en el control deslizante gris. Cuando el usuario encuentre un par verá un mensaje emergente con tu explicación.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/OkGUa5L3nFVqxuVXJxElN5031apwTdOCGY9EsNJE-image.png

Para reemplazar un par de imágenes con las tuyas haz clic en el icono de la cámara.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/GEUkf8hDrweWpcG1GVOe2SbvLZu2jnY44sW4vZY1-image.png

También puedes agregar un texto o incluso una grabación de audio para que tu juego sea aún más interesante.

Después ve a la sección Pantalla final.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/S4a1bOTZHm5Dq7YX1kxt87jgm8N6lkk5zGjOMEjB-image.png

Introduce una frase alentadora o un hecho interesante en el cuadro de texto. El usuario verá este resultado después de completar con éxito el juego. Mira la vista previa en el lado derecho de la pantalla para tener una idea de cómo se verá la pantalla final de tu juego.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/AZir59POlSiZlsIR4ZHv3Qh0FqudGKEZ6MFc7ntB-image.png

Haz clic en Guardar cuando todas las configuraciones estén listas.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/HdsAdMhSF9fvRjGKnrEjGjln4UqVV54os8PxhAIn-image.png

Características adicionales

Para usar configuraciones adicionales haz clic en cualquier parte del espacio de trabajo de tu proyecto. En el lado derecho de la pantalla verás un panel de configuración avanzada.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/h9BGXzkPuxAhm0xH0qw6dtLyVmTICm9fSErZye1K-image.png

Selecciona la casilla de verificación Número de reversos de tarjetas si quieres que todas tus tarjetas estén numeradas.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/2FsMvPedUh48XHW2ZH9Uuu4bCmJ5LwQ2cxK4pv5D-image.png

En el campo Tiempo antes de voltear las tarjetas puedes establecer el tiempo (en segundos) que el usuario pasará para recordar la tarjeta. Por lo general, un segundo es suficiente, pero puedes experimentar.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/rdYbLKltqy821Xd5TWcwqthwAMrq2K6L52f5bc2c-image.png

Al marcar la casilla Contador de tiempo, puedes añadir un temporizador a su juego.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/wmSrvlbGFKDAV9ORuOXmbO4drbPb9HAs00ccdqzr-image.png

Al seleccionar el elemento Temporizador, al final del juego, se notificará al usuario en cuánto tiempo completó la tarea.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/o4jKNfWQrwMjgksY4E7LM7pqIif4AKvFUBf7Ymep-image.png

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/ptWyro1QNMhe3XWYPRiJYf9CcUAXqqIUwJoNOiXw-image.png

La opción de cuenta regresiva te permite establecer te tiempo de cuenta regresiva. El usuario debe completar el juego hasta que se acabe el tiempo.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/BjUGzwVmbp9pW90vvxkjC6NxXVEzz9lSw7eQSp29-image.png

Si no tiene éxito, el usuario verá la página Se acabó el tiempo. Puedes personalizar su apariencia haciendo clic en personalizar la página "se acabó el tiempo".

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/6L2Lr9a73TtlEMeQGlJ9dHaCfkKkck1d0OLOgqUE-image.png

Añade un título y una descripción a tu página.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/qbxgtScRx4k3wc167cHVUweM7B8WIF5yIleqOz33-image.png

Utiliza el botón Cargar si quieres agregar una imagen.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/ySAVDtqP45QMgRjlIWE8EZEadmXJtW7yrsMm6waL-image.png

También puedes agregar una llamada a la acción o un botón de reintento marcando la casilla correspondiente. El botón Reintentar permite al usuario comenzar su juego nuevamente.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/p8j5CCBunw8PYYGAbr20UI7t9kMVE7MFqBWRhpYb-image.png

El botón de llamada a la acción suele ser un enlace a tu sitio web, producto o servicio. Rellena el texto de tu botón y especifica el enlace al que llevará este botón. Puedes configurar esta opción tanto para la página Se acabó el tiempo como para la pantalla final, en caso de completar con éxito el juego.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/2uCipTt8mxWhSQfSNGohsCRu3bmxGBufNF6VZOoU-image.png

Para completar tu trabajo haz clic en el botón Guardar.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/daKqPcEggLDvHLuiHX4phZ0KbuIA14jycSObKt2w-image.png

Guardar y compartir

Haz clic en Vista previa y evalúe el estado actual de tu proyecto.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/oqAjwn3kGmDw3UxhpWEfo9AwceHnLW5n8jKJqnfx-image.png

Prueba tu proyecto y no olvides calificar cómo se ve en diferentes dispositivos. Para hacer esto, cambia entre los íconos del teléfono y la computadora personal (1). Si notas un error o decides arreglar algo, regresa al Editor (2) seleccionando el elemento de menú apropiado.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/jFEqJc76PctF784bnWinprL3nzweiayZjXmHUzkn-image.png

No olvides seleccionar un Título (1) para tu proyecto. Esto hará que sea más fácil encontrarlo. Después de eso, puede hacer clic con seguridad en el botón Publicar (2).

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/o99nSqX81MIUZfb5i1NBOG4Ifc6Xftcm5y5iQZD0-image.png

¡Tu proyecto está listo! Puedes compartir con tus amigos enviando un enlace o eligiendo cualquier otra forma que desees.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/OwrkqTh6EyEAncfa0WuOggYsyJgNAu4bZza733Qx-image.png

Siempre puedes volver a editar tu plantilla de nuevo haciendo clic en el botón Editar (1) en la lista de proyectos de perfil. También puedes consultar Estadísticas (2) haciendo clic en el botón correspondiente.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/uwmFYIoiS1cJHOTyRm3Ma9xCi6LqnOZdDH2M0dxd-image.png


Was this article helpful?