用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