用OpenWeb創造您自己的3D世界

Matt

 

Community Manager @Mozilla Hubs

 

 

Immersive Web

在生活中,人麼用Mozilla Hubs?


我們做自己的簡單的畫廊

 Immersive Web?

  • 它在網頁中
     
  • ”Just the web“ Web Standards
     
  • AR, VR, mixed-reality - 'XR'

AR

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

VR

Above Par-adowski  Link to post

VR

Project Flower Bed: meditative gardening.  Link to post

Mixed Reality

Spatial Fusion: plane detect/passthrough. Link to post

Immersive Web

我們為什麼要關心?

Why Web?

創作者有創作的自由

簡單易用

新的媒材,可以表達我們的想法

Hubs是什麼?

Mozilla Hubs

跨平台的 Highly Extensible

開源社區 Open-Source

不用下載 No downloads

3D會議空間 Social spaces on the web

 

DEMO ⬇️

hmd.link

https://hubs.mozilla.com/LieEdRA/taipeixr

Demo

在生活中,人怎麼用Mozilla Hubs?

醫療訓練

NYU Langone Health Grossman School of Medicine
Mozilla Developer Livestream Recording

Greg Dorsainville and Kristen Ramirez

葬禮:Farvel Space

虛擬教室

University of Nottingham. Prof. Gary Burnett Human Factors

線上會議

Raumwelten

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

品牌體驗

Sanrio Puroland experience by Japan based agency Gugenka

MLB TwinsXR by U.S based REM5 Studios

道路安全

SolarFlare Studios RSA road safety

使用Hubs的開源原始碼

Immersive Web
Hubs
自己做畫廊

Spoke我們自己做的畫廊

https://hubs.mozilla.com/spoke

Hold Right-Click + WASD

Scroll to Zoom

謝謝! Q+A

Appendix

 

Subscription Improvements

SELF-HOST

FREE TIER

HUBS-CLOUD

SUBSCRIPTION

Plug-in System

Improve Extensibility

Three.js Growth

npm downloads

 

Creating a rotating cube with webGL
 

Mozilla Spaces Taipei: Use the Open Web to Create Your 3D World

By Matt Cool

Mozilla Spaces Taipei: Use the Open Web to Create Your 3D World

  • 202