How to Build Better Tutorials with Mixed Reality

Tutorials For Humans

Ayşegül Yönet

• Cloud Developer Advocate for Azure Mixed Reality
• Google Developer Expert for Angular
• Twitter@AysSomething

WHAT IS MIXED REALITY ANYWAY?

WHY MIXED REALITY IS THE FUTURE?

Title Text

IoT Data & Analytics in 3D space

Title Text

CSS is hard enough, now this!

Where to get started?

Is It Ready?

Chrome Canary

Chrome://flags

• WebXR Device API
• WebXR AR Module
• WebXR Hit Test
• WebXR Anchors
• WebXR Plane Detection
• Orientation Support for XR
• XR Device Sandboxing
• OpenVR Hardware Support
• Oculus Hardware Support

• Origin Trials Chrome 67+

• Origin Trials Chrome 67+
• FirefoxReality

• Origin Trials Chrome 67+
• FirefoxReality
• Webxr-polyfills

• Origin Trials Chrome 67+
• FirefoxReality
• Webxr-polyfills
• Progressive WebXR

NativeScript

BabylonNative

ExokitXR

Enklu

Unity3D

UnrealEngine

Native Development Options

JavaScript for WebXR

BabylonJS

ThreeJS

AR.JS

Angular Integration

yonet.github.io/aysLabs/

Text

http://bit.ly/ng-ar-demo

Component

Service

ACCESSIBILITY

Speech

ACCESSIBILITY

Language

ACCESSIBILITY

Language

LUIS.AI

ACCESSIBILITY

Vision

customvision.ai

ACCESSIBILITY

Search

bit.ly/AzureSearch

Resources

bit.ly/MixedRealityResources

Code Samples:

github.com/Yonet/ayAR

github.com/Yonet/aysLabs

github.com/Yonet/WebVRExamples

Use Your Superpowers

(JavaScript)

For Good

twitter@AysSomething

slides.com/aysegulyonet/ngrome2019