Apart from the classic “Photo Booth” style apps we’re going to see lots of motion tracking and augmented reality experiments — and natively in the browser. Combine that with 3D graphics via WebGL and wow, imagine the possibilities…
So here are a couple of cutting-edge experiments that show off what will soon be possible. The first comes from the always awesome HTML5 Rocks website, run by Google. Check out this demo of motion tracking which uses a pre-recorded video instead of a webcam as the source. Or try out the real thing if you have Google Chrome Canary installed and have printed out the AR marker:
Check out his blog post and then play with his demo, which also uses a pre-recorded video. In this instance you can switch the image yourself so you can see that it’s dynamically placing the image onto the 3D plane in real time.
This demo doesn’t use JSARToolkit but uses 2D canvas and a clever perspective distortion trick, aka After Effects Corner Pin. This technique tracks the positions of the corners in the plane in the source video, and as the plane is moved around the target image is distorted using a perspective distortion library from Steven Wittens. An interesting technique with stunning results!