Adding Augmented Reality to Your TypeScript App

By Ayşegül Yönet & Chris Noring

Why?

What?

How?

Ayşegül Yönet

• Senior Cloud Advocate for AI & Spatial Computing

• Co-Chair for W3C Immersive Web

• Google Developer Expert for Web Technologies

• Twitter @AysSomething

Immersive Web Working Group

Immersive Web Community Group

github.com/immersive-web

WHY?

WHAT?

HOW?

WebXR Scene - Camera

WebXR Scene - Default Experience Helper

https://doc.babylonjs.com/how_to/webxr_experience_helpers

WebXR Scene - Basic Experience Helper

https://doc.babylonjs.com/how_to/webxr_experience_helpers#the-basic-experience-helper​

WebXR Scene - AR Session

WebXR Scene - Features Manager

WebXR Scene - Features Manager

www.babylonjs.com

What's Next?

Text

Computer Vision

aka.ms/CognitiveServicesVision

Demos and Resources

• LearnXR Reddit: www.reddit.com/r/LearnXR

• YouTube:

  • WebXR: bit.ly/WebXRYoutube

  • BabylonJS: bit.ly/BabylonYoutube

  • XR Developer: bit.ly/XRDevYouTube

• BabylonJS Documentation WebXR Samples: bit.ly/BabylonWebXR

• Documentation: bit.ly/MixedRealityDocs

• Resources: bit.ly/MixedRealityResources

• HoloLens Samples: servo.org/hl-home

• Code: github.com/servo/servo.org/tree/gh-pages/hl-home

@AysSomething

Slides:

bit.ly/tsconf2020webxr

Code Sample:

bit.ly/tsconf2020

Thank You For Your Attention!