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!

What else can I do?

Intelligent Edge Hands on Lab

bit.ly/IntelligentEdgeLab

bit.ly/IoTWorkloadsAtEdge

 

Jetson Nano Developer Kit

 

 

Azure Cognitive Services

 

Azure Vision: bit.ly/AzureVision

Azure Search: http://bit.ly/AzureSearch

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
 

NativeScript

BabylonNative

ExokitXR

Enklu

 

Unity3D

UnrealEngine

 

Native Development Options

JavaScript for WebXR

 

BabylonJS

ThreeJS

AR.JS

WebXR Samples

immersive-web.github.io/webxr-samples/

Marker Example

github.com/Yonet/ayAR

Hiro Marker

Marker Generator

bit.ly/MarkerGenerator

Angular Integration

yonet.github.io/aysLabs/

 

Text

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

 

Component

Service

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/jsmobile2019

JSMobileConf2019

By Ayşegül Yönet

Made with Slides.com

JSMobileConf2019

  • 1,111

More from Ayşegül Yönet