augmented reality intro for mobile apps

57
Augmented Reality Intro for Mobile Apps Heather Downing @quorralyne

Upload: quorralyne

Post on 21-Jan-2017

342 views

Category:

Technology


5 download

TRANSCRIPT

Page 1: Augmented reality intro for mobile apps

Augmented Reality Intro for Mobile Apps

Heather Downing

@quorralyne

Page 3: Augmented reality intro for mobile apps

Heather Downing

@quorralyne

DigitalLightCycle.Blogspot.com

[email protected]

● Technical focus in .Net & mobile apps● Experience developing for Fortune 500

companies ● Speaker and entrepreneur ● Horseback Archery Competitor● Elven vocalist with 3 recorded albums● Semi-Professional photographer

@quorralyne

Page 4: Augmented reality intro for mobile apps

Overview✓ Why you should learn AR

✓ Reality Comparisons

✓ AR Subtypes

✓ AR Apps in the Wild

✓ Development Terminology

✓ Development Concepts

✓ Tango

✓ Frameworks

@quorralyne

Page 5: Augmented reality intro for mobile apps

Why dive into AR?

@quorralyne

Page 6: Augmented reality intro for mobile apps

Unity 3DA C# friend

@quorralyne

Page 7: Augmented reality intro for mobile apps

Augmented/Virtual Reality Report 2016 by Digi-Capital

@quorralyne

Page 8: Augmented reality intro for mobile apps

Augmented/Virtual Reality Forecast by Digi-Capital, Jan 2016

@quorralyne

Page 9: Augmented reality intro for mobile apps

$120 billionIndustry Revenue by 2020

@quorralyne

Page 10: Augmented reality intro for mobile apps

Reality Comparisons

@quorralyne

Page 11: Augmented reality intro for mobile apps

Augmented Reality

(AR)

Enhanced experience as viewed on a screen or other display.

Produced by overlaying computer-generated imagery on a real-world environment.

@quorralyne

Page 12: Augmented reality intro for mobile apps

Google Translate - Mobile Device

@quorralyne

Page 13: Augmented reality intro for mobile apps

Virtual Reality(VR)

Complete immersion into a virtual world where everything you see is computer generated.

The real world is blocked from your field of vision entirely.

@quorralyne

Page 14: Augmented reality intro for mobile apps

Oculus Rift

@quorralyne

Page 15: Augmented reality intro for mobile apps

Mixed Reality(MR)

The merging of real world and virtual worlds to produce a new environment where physical and digital objects can coexist and interact.

@quorralyne

Page 16: Augmented reality intro for mobile apps

Microsoft Hololens

@quorralyne

Page 17: Augmented reality intro for mobile apps

AR Subtypes

@quorralyne

Page 18: Augmented reality intro for mobile apps

Wearable AR @quorralyne

Page 19: Augmented reality intro for mobile apps

Projection AR @quorralyne

Page 20: Augmented reality intro for mobile apps

Device-based AR @quorralyne

Page 21: Augmented reality intro for mobile apps

AR Apps in the Wild

@quorralyne

Page 22: Augmented reality intro for mobile apps

Google Translate2D Transformative Overlay

Image Recognition

@quorralyne

Page 23: Augmented reality intro for mobile apps

Ingress2D Animated Overlay

Geo-based

@quorralyne

Page 24: Augmented reality intro for mobile apps

Pokemon GO2D Animated Overlay

Geo-basedSLAM

@quorralyne

Page 25: Augmented reality intro for mobile apps

Development Terminology

@quorralyne

Page 26: Augmented reality intro for mobile apps

AR Overlay

(Computer-generated Environment)

Augmented Reality that maps the physical environment real-time.

...while at the same time mapping the structure of that environment.

@quorralyne

Page 27: Augmented reality intro for mobile apps

Ronrik

@quorralyne

Page 28: Augmented reality intro for mobile apps

Image Target

The image recognized by the App, which launches the AR experience.

Also known as a Marker.

Images with high contrast and unique features with sharp edges are key pillars in supporting image recognition.

(Tracking)

@quorralyne

Page 29: Augmented reality intro for mobile apps

Hyundai Virtual Guide

@quorralyne

Page 30: Augmented reality intro for mobile apps

Markerless

(Dead Reckoning)

Augmented Reality that maps the physical environment real-time.

Often uses a smartphone camera and sensors to position a virtual object in a room without the need for Image Targets.

@quorralyne

Page 31: Augmented reality intro for mobile apps

X-Rift

@quorralyne

Page 32: Augmented reality intro for mobile apps

Simultaneous Localization and Mapping

(SLAM)

The attempt to simultaneously localise (i.e. find the position/orientation of) some sensor with respect to its surroundings...

...while at the same time mapping the structure of that environment.

@quorralyne

Page 33: Augmented reality intro for mobile apps

Kudan SLM engine with Unity 3D

@quorralyne

Page 34: Augmented reality intro for mobile apps

Development Concepts

@quorralyne

Page 35: Augmented reality intro for mobile apps

Anatomy

WORLD SIMULATION

VIDEO CAMERA

LOCATION & ORIENTATION

AUGMENTED VIEW

@quorralyne

Page 36: Augmented reality intro for mobile apps

Anatomy

WORLD SIMULATION

VIDEO CAMERA

LOCATION & ORIENTATION

AUGMENTED VIEW

@quorralyne

Page 37: Augmented reality intro for mobile apps

Video Camera

Goal to run at 60fps (30fps is default)

Retrieve the frame from the buffer

Retrieve the Field of View

@quorralyne

Page 38: Augmented reality intro for mobile apps

Location

GPS based

Returns Latitude & Longitude and sometimes Altitude

Slight accuracy issues (10m on a good day)

Not great indoors

Wifi improves it slightly

@quorralyne

Page 39: Augmented reality intro for mobile apps

Orientation

Need a reference orientationor known orientation from which to measure

Use True North

Pitch, Roll, Yaw

Quaternion

Rotation Matrix

@quorralyne

Page 40: Augmented reality intro for mobile apps

Augmented View

OVERLAY 2D OBJECTS

Heads Up Display

Depends on Field of View

Objects can be applied by spherical coordinates relative to device position

SHOW 3D VIRTUAL OBJECTS

Immersive interaction

Use 3D X, Y & Z coordinates convertedFrom Lat, Long, Altitude (Cartesian)

Orient virtual camera to match real camera

Augmented World maps larger than Field of View

@quorralyne

Page 41: Augmented reality intro for mobile apps

Tango

@quorralyne

Page 42: Augmented reality intro for mobile apps

TangoAndroid

A technology platform from Google that allows developers to create experiences that incorporate things like indoor navigation, 3D mapping, and augmented reality.

It uses computer vision to enable devices to see the world around them without relying on GPS.

@quorralyne

Page 43: Augmented reality intro for mobile apps

Project Tango

@quorralyne

Page 44: Augmented reality intro for mobile apps

AR Mobile Frameworks

Vuforia

Wikitude (browser-based)

Kudan

ARToolkit

ARLab

Aurasma

Layar (browser-based)

OpenCV

...and many, many more

@quorralyne

Page 45: Augmented reality intro for mobile apps

DEMO

@quorralyne

Page 46: Augmented reality intro for mobile apps

Potential App Uses

Education

Page 47: Augmented reality intro for mobile apps

Potential App Uses

Education

Sports

Page 48: Augmented reality intro for mobile apps

Potential App Uses

Education

Sports

Medical

Page 49: Augmented reality intro for mobile apps

Potential App Uses

Education

Sports

Medical

Architectural

Page 50: Augmented reality intro for mobile apps

Potential App Uses

Education

Sports

Medical

Architectural

Security

Page 51: Augmented reality intro for mobile apps

Potential App Uses

Education

Sports

Medical

Architectural

Security

Scientific Research

Page 52: Augmented reality intro for mobile apps

Potential App Uses

Education

Sports

Medical

Architectural

Security

Scientific Research

Space Exploration

Page 53: Augmented reality intro for mobile apps

Potential App Uses

Education

Sports

Medical

Architectural

Security

Scientific Research

Space Exploration

Navigation

Page 54: Augmented reality intro for mobile apps

Potential App Uses

Education

Sports

Medical

Architectural

Security

Scientific Research

Space Exploration

Navigation

Foreign Communication

Page 55: Augmented reality intro for mobile apps

Potential App Uses

Education

Sports

Medical

Architectural

Security

Scientific Research

Space Exploration

Navigation

Foreign Communication

Games

Page 56: Augmented reality intro for mobile apps

ResourcesUnity 3D (unity.com)

Blender (blender.org)

Kudan framework (kudan.eu)

Wikitude framework (wikitude.com)

Project Tango (get.google.com/tango/)

Xamarin Augmented Reality - Frank A. Krueger (https://www.youtube.com/watch?v=HLFn7Y_y_HI)

Android (developer.android.com)

iOS (developer.apple.com)

@quorralyne

Page 57: Augmented reality intro for mobile apps

Stay curious.

Heather Downing@quorralyne

[email protected]

slideshare.net/quorralyne