The global leader in AUGMENTED REALITY. Crea0ng Augmented Reality Experiences using HTML5, CSS and JavaScript
Facebook and Wikitude creating experiences using HTML5
May 13, 2015
Presentation at http://www.mobile-monday.de/events/kick-ass-m2d2-developing-facebook-html5-mobile-games-apps
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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> <!-- Include the ARchitect library --> <script src="architect://architect.js"></script> <!-- Include the ARchitect Desktop Engine for desktop browser--> <script type="text/javascript" src="../ade.js"></script> </head> <body> <!-- HTML Body will be displayed on top of the Augmented Reality view. A transparent background allows the AR content to be visible. --> </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]
Related Documents
