Controla la pantalla con tu mano

Esto es lo que hacen Hand Catch y Swipong. Y son menos líneas de las que crees.

Primero lo básico: pedirle al navegador acceso a la cámara y mostrar lo que ve. Son tres líneas.

getUserMedia es la que pide permiso. Si dices que no, no pasa nada más — y ese permiso lo controlas tú, siempre.

Acá entra MediaPipe, una herramienta gratuita de Google que reconoce manos, caras y cuerpos. Le pasas una imagen y te devuelve 21 puntos de cada mano: la punta de cada dedo, los nudillos, la muñeca.

Lo importante: el modelo se descarga una vez y corre dentro de tu navegador. No hay servidor viendo tu cámara.

Mueve tu mano frente a la cámara y verás los puntos siguiéndola.

21 puntos son muchos. Para un juego normalmente te basta uno. El punto número 8 es la punta del índice — con eso ya puedes mover cosas.

Acá lo usamos para arrastrar un círculo. Esto ya es un control por gestos.

Con lo de este tutorial y el bucle de animación del anterior, ya tienes las dos piezas de Hand Catch: cosas que caen, y una mano que las atrapa.

Lo demás es puntaje, sonido, dificultad y muchas horas de ajustar números hasta que se sienta bien. Esa última parte es la que más cuesta, y la que nadie te cuenta.