The Immersive Web and Building in Mozilla Hubs

Matt Cool

Content/Web Dev

Community Programs

Creator Support

 

Community Manager @MozillaHubs

 

 

Immersive Web?

What is Hubs?

 


Building 3D Social Spaces

Note about links and presentation:

 Immersive Web/Spatial Web

  • Lives in a web page
     
  • Just the web! Web standards
     
  • AR, VR, mixed-reality - 'XR'

AR

ar.js using tags to display art work.  Link to post

AR

passthrough AR.  Link to post

VR

Above Par-adowski  Link to post

VR

Project Flowerbed: meditative gardening.  Link to post

Mixed Reality (MR)

Spatial Fusion: plane detect/passthrough. Link to post

Mixed Reality (MR)

Wol from Niantic

Mixed Reality (MR)

Wol from Niantic

Ukaton - Phillips Hues lights w/web (Quest Pro)

Immersive/Spatial Web

Why should we care?

Publish Freely/Iterate Fast

Ease of Access

Open Standards Protects Against Dominance of Proprietary Platforms

Roblox: 66.1 million DAU
22% year-over-year growth


Rec Room: 3 million MAU in VR

Walled Garden Spatial Worlds Traction

Apple Supports WebXR on AVPs

Quest 3 coming fall 2023

BigScreen Beyond

XREAL

 

HTC Vive Elite

Mozilla Hubs

Cross-platform and Extensible

Open Source Community

Social 3d spaces in Your Browser

Demo

What are people doing with Hubs?

Medical Training

NYU Langone Health Grossman School of Medicine
Mozilla Developer Livestream Recording

Greg Dorsainville and Kristen Rameriz

Medical Training

NYU Langone Health Grossman School of Medicine
Mozilla Developer Livestream Recording

Greg Dorsainville and Kristen Rameriz

Conferences

Raumwelten

Three day architecture and media conf w/ ~700 attendees
Link to spotlight post

Remote Classrooms

University of Nottingham. Prof. Gary Burnett Human Factors

University Spaces

Chonum National University MetaUniversity by BELIEVER

Brand Experiences

Sanrio Puroland experience by Japan based agency Gugenka

MLB TwinsXR by U.S based REM5 Studios

Brand Experiences

Road Safety Training

SolarFlare Studios RSA road safety

Hubs Powered Virtual Spaces

Building Your Own Spaces

Spoke

https://hubs.mozilla.com/spoke

Hold Right-Click + WASD

Scroll to Zoom

Example Space

The Future of the Blender Workflow?

The Future of the Blender Workflow?

The Future of the Blender Workflow?

The Future of the Blender Workflow?

Resources

Appendix

Three.js Growth

 

 

Creating a rotating cube with webGL
 

Subscription Improvements

SELF-HOST

FREE TIER

HUBS-CLOUD

SUBSCRIPTION

The Immersive Web: Building 3D Social Spaces with Blender

By Matt Cool

The Immersive Web: Building 3D Social Spaces with Blender

What is the immersive web and how are people using Mozilla Hubs?

  • 346