Demo de rtShapes
Lanzar página web Código fuente
Esta es la primera demostración de mi serie de experimentos con el reconocimiento de formas en tiempo real utilizando HTML5 getUserMedia, OpenCV y Box2D.
Mientras trabajaba como tecnólogo creativo en WCRS, empecé a investigar mucho Box2d. También estuve experimentando con Kinect y OpenFrameworks para reconocer formas/bloques en tiempo real, lo que me llevó a construir algunas demos mezclando ambas tecnologías.
En esta demo de HTML5, estoy usando una cámara web para obtener un video en directo de algunas formas dibujadas en una hoja de papel. Este vídeo se analiza con JavaScript (usando OpenCV) para identificar las formas. Una vez que tenemos las coordenadas 2D de esas formas, uso Box2d para crear su representación en el mundo de Box2d.
En las siguientes imágenes, se puede ver cómo las líneas dibujadas en el papel se convierten en plataformas estáticas que contienen las otras cajas que caen desde la parte superior de la pantalla.
