The Immersive Web and Mozilla Hubs
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10279948/Bluey_v001_1.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10279946/enviorn.jpg)
Matt Cool
Content/Web Dev
Community Programs
Creator Support
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10279947/mattandfam.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10279954/hearttaiwan.png)
Community Manager @MozillaHubs
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10279969/worldpicnew.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10283427/linkedin.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10283428/twitter.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10283429/discord.png)
Immersive Web?
Hubs and Use Cases
Experiments and the Future
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10279953/fox.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10279912/FoodstuffCollection_v2_10.png)
Immersive Web?
-
Lives in a web page
-
Just the web! Web standards
- 2D, AR, VR, mixed-reality - 'XR'
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10315116/image_10_.jpg)
AR
ar.js using tags to display art work. Link to post
VR
Above Par-adowski Link to post
VR
Project Flowerbed: meditative gardening. Link to post
Mixed Reality
Spatial Fusion: plane detect/passthrough. Link to post
Immersive Web
Why should we care?
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10279916/FoodstuffCollection_v2_27.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10279930/background_blue.png)
Why Web?
Freedom to publish and distribute on the web.
Accessible with Browsers
A different creative medium to explore
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10292435/webxrlogo.png)
Mozilla Hubs
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10279909/desktop.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10279906/mobile.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10279907/vr.png)
Cross Platform and Extensible
Open Source Community
Respects your privacy and data
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10280042/Youtube_Logo_800x800_3__2_.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10279910/DinnerSuitBot_v001__1_.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10279915/FoodstuffCollection_v2_14.png)
Social 3d spaces in Your Browser
How is Hubs being Used in the World?
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10279913/FoodstuffCollection_v2_12.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10279908/AnimalCollection_v1_8.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10279920/GroupOfThree_1.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10279911/FoodstuffCollection_v2_3.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10279929/background_purpred.png)
Medical Training
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10283283/pasted_image_0__2_.png)
NYU Langone Health Grossman School of Medicine
Mozilla Developer Livestream Recording
Greg Dorsainville and Kristen Rameriz
Remote Classrooms
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10279917/1674494674635.jpg)
University of Nottingham. Prof. Gary Burnett Human Factors
Conferences
Raumwelten
Three day architecture and media conf w/ ~700 attendees
Link to spotlight post
Brand Experiences
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10283160/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10283161/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10283165/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10283166/pasted-from-clipboard.png)
Sanrio Puroland experience by Japan based agency Gugenka
MLB TwinsXR by U.S based REM5 Studios
Road Safety Training
SolarFlare Studios RSA road safety
Hubs Powered Virtual Spaces
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10283170/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10283175/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10283177/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10283179/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10283183/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10283187/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10283190/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10283193/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10283197/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10283200/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10283259/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10283272/pasted-from-clipboard.png)
The Future of Hubs
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10292382/2f491fb5249132c9862c8de03f61caa6__1_.png)
Subscription Improvements
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10292174/FivwNFhVEAEVVh_.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10292202/058d0a515adaf3f8a87e01bc7015e2d6.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10292213/1c78e8db61b6f79d03f32a2f86b180a6.jpg)
SELF-HOST
FREE TIER
HUBS-CLOUD
SUBSCRIPTION
Plug-in System
Improve Extensibility
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10283608/pasted-from-clipboard.png)
hmd.link
https://hubs.mozilla.com/LieEdRA/taipeixr
Demo
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10310252/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10310253/image.jpg)
Appendix
Three.js Growth
npm downloads
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10298494/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10298495/pasted-from-clipboard.png)
Creating a rotating cube with webGL
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10314983/image_4_.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10315051/image_5_.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10315055/image_6_.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10315060/image_7_.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2351142/images/10315189/image_13_.jpg)