augmented reality and html5 - the future of mobile app development

12
Augmented Reality + HTML 5 = Argon

Upload: atlhtml5

Post on 27-Nov-2014

4.522 views

Category:

Technology


1 download

DESCRIPTION

Presented at the Atlanta HTML5 Meetup

TRANSCRIPT

Page 1: Augmented Reality and HTML5 - The Future of Mobile App Development

Augmented Reality + HTML 5 = Argon

Page 2: Augmented Reality and HTML5 - The Future of Mobile App Development

Marker-based AR

•Uses specially-designed markers to deliver content.

• Images or video

• 3D models

Page 3: Augmented Reality and HTML5 - The Future of Mobile App Development

Location-based AR

•Combines the geo-location capabilities of a smart phone with the phone’s video camera to overlay location-relevant information

• Targeted to iPhone and Android devices

• Third-party programs have been developed to distribute and display location-based AR content:

• LayAR

• Wikitude

• Argon

Page 4: Augmented Reality and HTML5 - The Future of Mobile App Development

•Currently under development by the Augmented Environments Lab (AEL) at Georgia Tech

•2nd iteration (v1.2.0) is available in the iTunes AppStore

•Leverages an extended version of KML called “KARML” to render points of interest

•Visual elements are rendered using HTML 5 by way of WebKit

•Includes a Javascript API for dynamically altering geo-spatial information

•jQuery is bundled into the app

•Distinct AR experiences are represented as separate “Channels”

•Channels are served via .kml files hosted on a web server

Page 5: Augmented Reality and HTML5 - The Future of Mobile App Development

KML

•Developed for use with Google Earth

•XML-based language schema for expressing geographic annotation and visualization

•HTML, CSS, and Javascript can be included in the <description> element, wrapped in a CDATA section

Page 6: Augmented Reality and HTML5 - The Future of Mobile App Development

KARML

•KARML extends KML by extending/adding a few elements that are geared towards authoring AR experiences:

• Label (extended)

• Balloon (extended)

• Tracker

• Sound

Page 7: Augmented Reality and HTML5 - The Future of Mobile App Development

<Placemark>

•The <Placemark> element is the core element for building AR experiences with KARML

•Sounds, balloons, labels, and GeoSpots can all be attached to placemarks

• GeoSpots are defined via <Camera> or <LookAt> nested within a <Placemark>

•GeoSpots are special points of interest that are tied to the user’s location

•Argon provides three ways to activate a GeoSpot:

• The User manually sets their location within the Argon app

• The User wanders into a GeoSpot and the app actively recognizes it

• The GeoSpot is set dynamically via the Javascript API

Page 8: Augmented Reality and HTML5 - The Future of Mobile App Development

Why are GeoSpots important?

•GPS/Cellular location sensors are only accurate to within 8-20 meters in daily use (though “Wi-Fi assist” can improve accuracy)

•GeoSpots can be used to “enforce” 100% accuracy by communicating the User’s location directly to Argon

•Special content can be associated with GeoSpots:

• 360-degree panoramic images that effectively “surround” the User

• Sounds

Page 9: Augmented Reality and HTML5 - The Future of Mobile App Development
Page 10: Augmented Reality and HTML5 - The Future of Mobile App Development
Page 11: Augmented Reality and HTML5 - The Future of Mobile App Development
Page 12: Augmented Reality and HTML5 - The Future of Mobile App Development

22nd floor observation deck

ssid: eguestpw: movesomeone