WebAR - "Build once, deploy anywhere"

Post on 23-Jan-2018

91 views 1 download

Transcript of WebAR - "Build once, deploy anywhere"

Web AR Build once, run on both Android and iOS

GDG devfest 2017

David Ng Oursky

–Apple, WWDC 2017

“ARKit”

GDG devfest 2017

–Google I/O 2017

“ARCore”

GDG devfest 2017

https://developers.google.com/ar/

ARCore

What can ARCore do?

GDG devfest 2017

https://twitter.com/dansilver82/status/928100475701927936

https://twitter.com/JohnSietsma/status/928314049179172864

https://twitter.com/builtwithARCore/status/907507511259025408

https://twitter.com/builtwithARCore/status/903589260170858496

How does AR work? What are the components behind?

GDG devfest 2017

AR is all about…

GDG devfest 2017

Camera Tracking 3D Objects View

Webcam

GDG devfest 2017

OpenCV OpenGL PC

In 2007

Mobile

GDG devfest 2017

ARKit ARCore

SceneKit Unity/Unreal

Mobile

Now in 2017

Mobile

GDG devfest 2017

three.ar.js three.js WebARonARKit WebARonARCore

WebAR

https://github.com/google-ar/WebARonARKit

AR Markers Surface Tracking Geo Tracking Face Tracking Colour Tracking Object Tracking Ambient Light TrackingGDG devfest 2017

Tracking There are many types of tracking involved

Vuforia AR.js OpenCV Tracking.js Awe

GDG devfest 2017

Tracking Some libraries we can use for tracking

Tracking.js Example: Face Detection

Demo https://trackingjs.com/examples/face_camera.htmlGDG devfest 2017

GDG devfest 2017

Usecase: Face Detection

3D Objects To display the object, you need some coordinates knowledge

GDG devfest 2017

3D Objects Let’s place an object

GDG devfest 2017

3D Objects And put a camera to view it.

GDG devfest 2017

3D Objects In the world of AR, your mobile phone becomes the camera.

GDG devfest 2017

https://poly.google.com/

Poly is a 3D object resource sites for AR/VR developers

Thank you.

GDG devfest 2017