Sin cuellos de botella
Toca la pantalla o pulsa espacio para que Zía vuele entre los bloqueos. Cada hueco que cruza suma un punto.
Tres juegos para el stand. Un premio al día.
Piezas jugables con Zía como personaje, para atraer gente al stand del Tech Day y recoger su contacto. Cada persona juega con su nombre, y el mejor puntaje de cada juego, cada día, gana una Detección gratis.
Jugar ahora
Se abre en esta misma ventana. Pulsa F para pantalla completa y usa la flecha atrás del navegador para volver a esta página.
Los tres juegos.
Atrapa el dato
Mueve el dedo, el ratón o las flechas para que Zía atrape datos. Los errores quitan una vida: con tres, se acaba.
Apila las fases
Toca para frenar cada bloque y apilarlo justo sobre el anterior, con Zía encima de la torre. Cuanto más exacto, más ancha y más alta.
Ranking, premio y contacto.
Quién juegaEl nombre es obligatorio. Empresa y WhatsApp o correo son opcionales, y sirven para entregar el premio.
RankingCuenta el mejor puntaje por persona y por día. Si alguien repite, no llena la tabla. Se ve en el inicio y junto a cada juego.
PremioUna Detección gratis para el mejor puntaje de cada juego al cerrar el día. El texto del premio se cambia en una sola línea.
AdministraciónCinco toques seguidos al logo abren un panel para exportar el CSV (nombre, empresa, contacto, juego, puntos y fecha) y borrar puntajes con doble confirmación.
Refrescar jugadoresUn botón en el inicio, con doble confirmación, borra el historial de puntajes del equipo para empezar con la lista en blanco. Conviene exportar el CSV antes.
DatosSe guardan solo en el navegador del equipo del stand. No hay servidor ni internet. El CSV lleva datos personales y se trata como tal.
La lógica de cada juego.
Los tres suben de dificultad con el puntaje, para que una persona nueva entre fácil y quien juega bien tenga reto.
Sin cuellos de botella
- Física: gravedad de 1.500 px/s² y un impulso de 430 px/s en cada toque.
- Obstáculos: un par de bloqueos cada 300 px, con el hueco a una altura al azar. Los bordes del hueco llevan el corte en diagonal del logo y también cuentan para el choque.
- Dificultad: el hueco parte en 208 px y baja 1,6 px por punto hasta 168 px. La velocidad parte en 190 px/s y sube 3,2 por punto, hasta sumar 100.
- Puntos: 1 por hueco cruzado. Termina al chocar con un bloqueo, el techo o el piso.
- Zía: grita «¡Epa!» con los brazos arriba al aletear, se preocupa al caer y se cansa al perder.
Atrapa el dato
- Piezas: datos (+1), resultados (+5, el 7 % de las piezas) y errores (quitan una vida; son el 26 % al inicio y llegan al 38 %).
- Dificultad: la caída parte en 230 px/s y suma 2,2 por punto hasta +240. El intervalo entre piezas baja de 0,8 s a 0,34 s.
- Control: Zía sigue el dedo con un suavizado, o se mueve con las flechas a 640 px/s.
- Termina al perder la tercera vida. Las vidas son tres Zías pequeñas.
- Zía: celebra cada captura y se preocupa, con una gota, cuando recibe un error.
Apila las fases
- Cada bloque entra por un lado y se mueve a 230 px/s, más 9 por fase hasta 560.
- Al tocar, el bloque se recorta a la parte que coincide con el de abajo y el sobrante cae. Si no coincide nada, termina.
- Con un desfase de 6 px o menos es «Exacto» y no se recorta. Cada tres exactos seguidos, la torre recupera hasta 10 px de ancho.
- Puntos: 1 por fase apilada.
- Zía: viaja sobre el bloque en movimiento, celebra los exactos y cae con el bloque cuando se falla.
Cómo está hecho.
Una sola piezaUn archivo HTML de unos 790 KB, en JavaScript puro con lienzo (canvas). Sin librerías, sin servidor y sin internet.
MarcaPoppins y el logo del Brand Kit v2.1 van incrustados, con la paleta oficial. Zía se dibuja con el componente oficial del kit (zia.js), en su versión degradado sobre negro y con las expresiones del manual, sin accesorios.
Código editableUna plantilla y un script que reconstruye el archivo, guardados en la carpeta del proyecto.
PruebasSimulé partidas completas de los tres juegos (choque, guardado, ranking, CSV, borrado y teclado) y revisé el diseño en 1280×720, 1920×1080 y vertical. Corregí varios fallos que aparecieron al probar.
Sin probar aúnPantalla táctil real y sonido. Conviene una prueba en el equipo del stand antes del evento.