Welcome

Webinar: Discovering Wikitude ARchitect engine 1.1

Wolfgang Damm Lead Software ARchitectPhilipp Nagele Director Partner Relations@wikitude | www.wikitude.com | +Wikitude Developers

Agenda

• Introduction• Wikitude SDK 1.1 features• Q & A (via Google+)– Ask questions as comments to Google+ post– Answer them during webinar (if it fits) or at the end

2

What is Wikitude?

The World’s first Augmented Reality Browser

Voted “Best Augmented Reality Browser” for 2009, 2010, 2011

The company behind the international AR standard “ARML”

Truly global reach: 10 million users, 32 languageson all major Operating Systems

3

The Makers of the leading AR SDK ‘ARchitect’

Our Mission

4

Our mission is to visually connect the power of the internet with the real world.

Facts & Figures

• 2.000.000+ active users of the Wikitude SDK• 3500 downloads of the Wikitude SDK

Wikitude SDK benefits

LightweightThe Wikitude SDK is small in file size

Fully customizableThe AR View is fully yours. No need to proxy your content through our CMS

Based on the leading AR engine “ARchitect”Content creation is easy using HTML5, JavaScript and CSS

Stand-alone operationThe SDK works independent of Wikitude World Browser.

One SDK for Geo and IRCombines geo-based AR features and image-recognition based AR

ARchitect Engine

• AR Rendering Engine

• Feature rich Worlds

• Interaction and multi-media support

• Based on HTML5 and JavaScript, CSS

• Available for iOS and Android, BB10 (soon)

7

Basic architecture

Features of ARchitect Engine 1.0General Visualization Advanced

VisualizationInteraction Animations

Content based on HTML, JS, CSS

Images Click Trigger Property animations

Geo-Objects FOV Trigger

HUDs Text labels Geo Fence Trigger

Shapes

Absolute Geo Locations

Multi-media support

Features of ARchitect Engine 1.1General Visualization Advanced

VisualizationInteraction Animations

Content based on HTML, JS, CSS

Images Customizable Radar Click Trigger Property animations

Geo-Objects Animated Images Direction Indicator FOV Trigger 3D Transformations

HUDs Text labels Geo Fence Trigger Animation Groups

Support for Image Recognition

Shapes Animated Image

Image Recognition Targets

HTML Drawable

Absolute Geo LocationsRelative Locations

Multi-media support

• ARchitect Engine 1.1 features shown in black

Concepts in ARchitect Engine 1.1

Geo-Object + Location + Drawable = “POI”

Trackable2D Object

+ Tracker + Drawable = Augmented Recognized Image

Typical interface in ARchitect 1.0

Menu bar: Head-up display (non-geo element)

Geo-located POIs

Multiple Drawables- 3 images- 3 text labels

Typical interface in ARchitect 1.0

Image Recognition

• Now includes extension to add Vuforia SDK

• Reference images are managed through Vuforia website

• Separate download of the Vuforia SDK necessary

• Image Recognition and Tracking available

• Targets can be augmented using the full ARchitect Engine capabilities (Drawables)

Image Recognition and Geo combined

HTML Drawables

• Complex visualization of a POI was cumbersome

• Solution are HTML Drawable: renders HTML code as a compound

• Easier creation as HTML

• Better performance when loading the POI

Relative locations

• Convenience feature to define relative locations

• Relative to current location (e.g. 300m west)

• Relative to other any other location (e.g. 200m east of lat= 47.812 lon= 13.045)

Sun is positioned relative to user location

Solar System

Planets are positioned relative to sun

Animations

• Major upgrade of animation capabilities in ARchitect Engine 1.1

• Sprite Animations

• 3D Transformations

• Animation Groups

500 birds animated in one

scene

3D Transformations -

• Any drawable can be animated using 3D transformations– Heading (y-axis)

– Roll (z-axis)

– Tilt (x-axis)

Animation Sequences/Groups

• Combination of several animations

• Either combine them parallel or sequential

• Parallel: Run at the same time – e.g. start several animations with a

single click

– e.g. combine vertical and horizontal animations

• Sequential: Run after each other

• Combine any property animations (e.g. opacity of object 1 and location of object 2 at the same time)

Sprite animation (Animated Image)

• Animation with sprite sheet

• Key frame images

• Improved performance and loading time

Radar component

• Visualizes Geo-Objects in radar component

• Geo-Objects have separate representation in radar component (marker)

• Radar design is fully customizable– North indicator

– Background image

– Geo-Objects

• Helps user find your content

Direction Indicator

• Indicates position of Drawable which is out of field of vision

• Shows shortest path to object

• Fully customizable

• Help users find content

Wikitude Developer Program

• Free registration (developer.wikitude.com)

• Tutorials

• Documentation (forum.wikitude.com/documentation)

• Developer Forum (forum.wikitude.com)

• Free Trial SDK Download (sdk.wikitude.com)

Thank you!

Webinar: Discovering Wikitude ARchitect engine 1.1

Wolfgang Damm Lead Software ARchitectPhilipp Nagele Director Partner Relations@wikitude | www.wikitude.com | +Wikitude Developers