BassedasTech

código «susto»

Descripción

Al comenzar, aparece un juego con 9 círculos en la pantalla. El objetivo es adivinar cuál de ellos es diferente al resto. Los círculos son casi idénticos, por lo que la persona tiene que concentrarse y acercarse a la pantalla para ver bien las diferencias. Si se equivoca al elegir el círculo, en lugar de solo mostrar un error, aparece un screamer de repente. La gracia es que el susto es inesperado, justo cuando están más enfocados. Ideal para enviar por WhatsApp y sorprender a tus amigos con un buen susto.

Características

Fecha: 21/05/2024
Temática: Pareja
Lenguajes: HTML, CSS
Compatible con: PC, Android, Iphone


Ejemplos de uso

Broma entre amigos: Envía el juego a un amigo que disfrute de los desafíos visuales. Mientras está concentrado buscando el círculo diferente, el screamer aparecerá si falla, provocando un buen susto. Después de la sorpresa inicial, seguro que ambos reirán y lo compartirán con más amigos.

Desafío en grupos de WhatsApp: Comparte el archivo en un grupo y reta a todos a encontrar el círculo diferente. La tensión aumentará a medida que más personas se concentren, y el screamer será una sorpresa que generará risas y comentarios divertidos en el grupo. Es una forma entretenida de generar interacción.

Broma para familiares: Envía el juego a un familiar como si fuera un simple desafío visual. Cuando estén concentrados y se equivoquen, el screamer les dará un buen susto inesperado, lo que seguro provocará una mezcla de sorpresa y risas en casa. Es perfecto para romper la rutina con un toque divertido.

Tutorial paso a paso


1. Cómo obtener el código
Puedes descargar el archivo HTML y CSS desde el enlace al final de esta página. Guarda el archivo en tu dispositivo para personalizarlo y compartirlo.

2. Cómo modificar el código (en este no es necesario, pero te lo recuerdo)
El código viene con texto predefinido, pero puedes cambiarlo de forma sencilla. Aquí te muestro cómo hacerlo:

  • Descarga el código en tu PC
  • Ábrelo con cualquier editor de texto. Recomiendo Visual Studio Code pero si no lo tienes instalado puedes utilizar el Bloc de notas. Para ello haces clic derecho encima del archivo, pulsas la opción ‘Abrir con’ y escoges el programa.
  • Busca en el archivo el texto que quieres modificar y reemplázalo por el tuyo. No te preocupes, en el código te explico cómo y dónde modificarlo.
  • Guarda el archivo antes de cerrar, si no no se aplicarán los cambios.
  • Si haces doble clic en tu archivo, se te abrirá con tu navegador por defecto y verás los cambios actualizados.
  • Solo te queda enviar el archivo.

3. Cómo enviar el código
Una vez que hayas personalizado el mensaje, simplemente guarda los cambios y comparte el archivo con la persona que quieras. Aquí te doy algunos ejemplos de cómo hacerlo:

  • WhatsApp: Envía el archivo directamente como documento adjunto.
  • Correo electrónico: Adjunta el archivo al correo y añade un mensaje personal.
  • Subir a Google Drive: Comparte el enlace con la persona para que lo descargue.

Enlace de descarga

Haz clic en el botón para descargar el código:

Salir de la versión móvil