A talk from the Main Stage at AWE EU 2018 - the World's #1 XR Conference & Expo in Munich, Germany 18 -19, October, 2018. Casper Fabricius (Cimmerse): The State of WebXR Cimmerse CTO Casper Fabricius has been working with web-based augmented and virtual reality technologies - now commonly referred to as WebXR - for the past 4 years, and gives developers the overview over where this technology is today. WebXR enables millions of web developers to dive straight into VR and AR today, and the time has never been better than now. Don’t miss this chance to get a headstart into WebXR development and bring your company into the future of the Internet today. http://AugmentedWorldExpo.com

1. The State of WebXR
Casper Fabricius
Co-Founder, Cimmerse

2. 18y
Full stack web dev
3y
VR & AR dev
Copenhagen, Denmark
3x
WHO AM I?

3. Mobile
AR

4. What is WebXR?

5. WHAT IS WEBXR?
WebXR
Runs in the
browser
VR, AR,
MR, …

6. WHAT IS WEBXR?
The WebXR Device API

7. WHAT IS WEBXR?
The WebXR Polyfill
WebXR polyfill
WebXR Device API Gamepad API WebVR API Cardboard

8. WHY IS WEBXR IMPORTANT?

9. WHY IS WEBXR IMPORTANT?

10. WHY IS WEBXR IMPORTANT?

11. WHY IS WEBXR IMPORTANT?

12. The State of WebXR

13. THE HISTORY OF WEBXR
2014 2015 2016
Mozilla starts
development
of a WebVR API
First Firefox
Nightly build with
WebVR support
A-Frame
0.1.0
Mozilla and Google
announces WebVR
API proposal v1.0
First special
Chrome build with
WebVR support
React VR

14. THE HISTORY OF WEBXR
2017
Firefox 55 for
Windows adds
WebVR API 1.1
Mozilla proposes
WebXR standard
Mozilla releases
WebXR Viewer
for iOS
Edge adds
WebVR 1.1

15. Standard
browsers
Immersive
browsers
Virtual Reality Browser Support
WEBXR SUPPORT TODAY
Windows Android
Windows Mixed
Reality only
Firefox
Reality
browser
“Native” Cardboard
Go
SteamVR
“Polyfilled”
Cardboard
Chrome Canary

16. Augmented Reality Browser Support
WEBXR SUPPORT TODAY
iOS Android Windows
Meta 2
Hololens
Chrome Canary Mozilla WebXR Viewer

17. Examples

18. Web-based VR example
Firefox Reality / Oculus Go
Courtesy of RaMarcus
https://www.youtube.com/watch?v=h_vL1Mj1VgY
EXAMPLES

20. Web-based AR example
Mozilla WebXR Viewer/ iPhone
www.cimmerse.com
EXAMPLES

22. The WebXR Specification

23. THE WEBXR SPECIFICATION
W3C Immersive Web Working Group

24. THE WEBXR SPECIFICATION
https://github.com/immersive-web/

25. THE WEBXR SPECIFICATION

26. THE WEBXR SPECIFICATION

27. ”Instant AR” ≠ WebXR

28. WEBXR VS. APPLE’S AR QUICK LOOK
https://developer.apple.com/
arkit/gallery/

31. Courtesy of Thought Experiment
https://www.youtube.com/watch?v=k-IyDcE5ZL4

32. https://8thwall.com/

33. Getting Started with WebXR

34. GETTING STARTED WITH WEBVR
https://aframe.io/

35. GETTING STARTED WITH WEBVR
https://www.labster.com/
https://github.com/mozilla
/unity-webvr-export

36. GETTING STARTED WITH WEBAR
https://codelabs.developers.google.com
/codelabs/ar-with-webxr/

37. Casper Fabricius
@fabricius
casper@cimmerse.com
www.cimmerse.com
The W3C Immersive Web Working Group:
https://github.com/immersive-web/
A-Frame: https://aframe.io/
WebVR plugin for Unity: https://
github.com/mozilla/unity-webvr-export
Google's WebXR tutorial: https://
codelabs.developers.google.com/codelabs/
ar-with-webxr/
AR Quick Look: https://
developer.apple.com/arkit/gallery/
Labster: https://www.labster.com/
8th Wall: https://8thwall.com/
Eric Prince
eric@cimmerse.com