Facebook and Wikitude creating experiences using HTML5

The global leader in AUGMENTED REALITY.

Crea0ng Augmented Reality Experiences using HTML5, CSS and JavaScript

Augmented Reality (AR)

Wikitude World Browser ARchitect

2 ways to use Wikitude’s AR technology

Publish in Wikitude Create your own AR App

or

Simple

Head-‐Up display (HTML)

<html> <head> <title>My ARchitect World</title>  <script src="architect://architect.js"></script>  <script type="text/javascript" src="../ade.js"></script> </head> <body>  </body> </html>

Head-‐Up display (HTML) -‐ Examples

GeoObject

var myCircle = new AR.Circle(2.0); var myGeoLoca0on = new AR.GeoLocation(47.457,13.789); var myGeoObject = new AR.GeoObject( myGeoLoca0on,{drawables: {cam: myCircle}} );

GeoObjects -‐ Example

InteracJon -‐ Trigger

InteracJon – Geofencing Trigger

AnimaJon & MulJmedia

GeNng Started

•  ARchitect Tools (hTp://architect.wikitude.com)

– Documenta0on

– Examples

– ARchitect Mobile Viewer

Case Study: AR Language Guide

Thank you!

Wolfgang Damm, Lead So[ware Architect [email protected]

hBp://developer.wikitude.com [email protected]

Technology

Facebook and Wikitude creating experiences using HTML5