![\"AR](\"http:\/\/www.w3.org\/community\/ar\/files\/2012\/11\/AR_evolution-01-d3-640x480.png\")
<\/a><\/p>\nHere is a collection of demos and projects that provide working examples of what is possible with the Augmented Web<\/strong>.\u00a0 These examples are completely based upon Web Standards and run within the leading edge mainstream web browsers.<\/p>\n A cute demo created at the WebRTC protothon<\/a> that uses coloured PostIt notes and WebRTC\/WebGL to create a “multi-player over the web” interactive ping pong game.<\/p>\n The seminal ARToolkit has now been ported to a pure Javascript implementation and this has now been used widely across the web in a range of tutorials and demonstrations.<\/p>\n ARUCO is minimal library for Augmented Reality applications based on OpenCV and has now been ported to pure Javascript.\u00a0 Their project page also includes a number of demo videos.<\/p>\n This demonstration combines geolocation, camera access and device orientation to provide an augmented\u00a0reality Web app that overlays a few points of interest on top of a live video stream.<\/p>\n This is an excellent overview of using WebRTC and Media Capture and Streams to create Head Tracking in pure Javascript.\u00a0 Highly recommended read.<\/p>\n This is a nice demo game that shows Javascript based Head Tracking at work.<\/p>\n This is a really fun demo that shows you how to put “Groucho Marx” style glasses, nose and moustache on your face using HTML5, Canvas and Javascript.<\/p>\n Have fun playing a magic xylophone with just your web browser and your camera.\u00a0 Wave your hands around to create a musical masterpiece. A pure Javascript library that demonstrates hand tracking.\u00a0 This project page includes an interesting demo video and the code is very easy to get working.<\/p>\n This project makes the Kinect Skeleton data available as a JSON feed via web sockets so any modern web browser can now easily support full body gestures and interactions.<\/p>\n Interestingly, the new Leap Motion device comes with a Web Sockets based API so it can easily be integrated into Augmented Web applications.\u00a0 This demo shows how computer vision and gesture tracking can be integrated together.<\/p>\n A demonstration from the TUGRAZ team at ISMAR 2011 that showed Natural Feature Tracking working in pure Javascript<\/a>.<\/p>\n A demonstration of Simultaneous Localisation and Mapping using HTML5 and Processing.js.<\/p>\n XB PointStream provides a framework to simplify the streaming and rendering of point clouds allowing them to be rendered in a web page without any plug-ins. WebGL, a JavaScript API based on Open GL ES 2.0 enables the creation of 3D content in the web browser without any plugins.<\/p>\n Anaglyph Point\u00a0Clouds demo<\/a><\/p>\n","protected":false},"excerpt":{"rendered":" Tracking and AR related technologies have evolved quite quickly over the last 15 years across a wide range of platforms.\u00a0 This diagram shows how the Web Platform is the latest home for their evolution. Here is a collection of demos … Continue reading Basic\/Colour Tracking<\/strong><\/h3>\n
\n
Fiducial Marker Tracking<\/strong><\/h3>\n
\n
\n
Location Based AR<\/strong>
\n<\/em><\/h3>\n\n
Face\/Head Tracking<\/strong><\/h3>\n
\n
\n
\n
Gesture Tracking<\/strong><\/h3>\n
\n
\n<\/em><\/p>\n\n
\n
\n
Natural Feature Tracking<\/strong><\/h3>\n
\n
SLAM<\/strong><\/h3>\n
\n
Point Clouds<\/strong><\/h3>\n
\n