This demonstration shows interaction between a video and WebGL.

2 pieces of paper with a special pattern are moved around in a video.

The software recognizes the special patterns and a jumping WebGL basket ball is rendered on the paper and follows the paper as its moves and when the second papir is layed on the table the ball jumps between the two pieces of paper.

There is also a ghost, bird and flower that can be placed on the papers.

You can also draw your own image and play music that renders on the papers.

Demo WebGL Live