¿Cambiar a Español?

rtShapes demo

Tags: wcrs open-source web installation prototype ux design cover webcam

Launch website Source code

This is the first demo of my series of experiments with real-time shape recognition using HTML5 getUserMedia, OpenCV and Box2D.

While I was working as a creative technologist at WCRS, I started to play with Box2d a lot. I was also experimenting with Kinect and OpenFrameworks to recognize shapes/blobs in real-time, which led me to build some demos mixing both technologies.

In this HTML5 demo, I'm using a webcam to get a live video stream of some shapes drawn on a paper sheet. This video is analyzed with JavaScript (using OpenCV) to identify the shapes. Once we have the 2D coordinates of those shapes, I use Box2d to create their representation in the Box2d world.

In the following images, you can see how the lines are drawn on the paper become static platforms that contain the other boxes falling from the top of the screen.

Before you continue...

By clicking "Accept All", you agree to the storing of cookies on your device to enhance site navigation and analyze site usage.


¿Cambiar a Español?