Caso 07 · Visión por computadora · Juego web
Control por gestos con la webcam
Jelly Watermelon Knife: una sandía de gelatina que cortás con la mano
La webcam sigue tu mano y la convierte en un cuchillo 3D. Mano lenta empuja la gelatina; tajo rápido la corta de verdad.
- Para quién
- Cualquiera con una webcam
- Rol
- Diseño, física y desarrollo
- Estado
- En producción
- Stack
- JavaScript
- Three.js
- MediaPipe
- Vite
- Playwright
- Enlace
- Jugarlo
Problema
Que una mano frente a una webcam común se sienta como un cuchillo de verdad sobre algo blando. Sin motor de física que lo resuelva: la gelatina tiene que temblar, aplastarse y partirse en pedazos que sigan siendo gelatina.
Solución
MediaPipe detecta hasta dos manos, 100% en la máquina del usuario. La sandía es una red de ~15.500 resortes con shape matching por pedazo, y el corte rompe los resortes que cruza la hoja. Dos mecánicas: tajo libre con la mano, o una línea dibujada donde baja una cuchilla y te puntúa qué tan parejo cortaste.
Resultado
Corre a 60 fps en el navegador sin instalar nada, en un solo archivo que se abre con doble clic. Sin cámara, el cuchillo pasa al mouse y todo lo demás funciona igual.