This is an interactive aquarium that runs directly in the browser. It uses Processing.js for drawing graphics over an HTML5 canvas. Users interact with it by touching close to the proyected image on the wall, creating water ripples that attract the fish at the location where the disturbance was made.

At server side, a Kinect device sensor managed by GFreenect tracks actions ocurring at a certain threshold close to the wall, and determines the contact point using OpenCV. This point is then sent to the browser over a WebSocket managed by EventDance.

The water splash sounds are played with a set of HTML5 audio elements.

Source code:

The fish are a modified version of Ricardo Sánchez's (@nardove) GPL fish pond.


Loading more stuff…

Hmm…it looks like things are taking a while to load. Try again?

Loading videos…