This document discusses opportunities to get involved with Mozilla through internships, volunteering, or contributing to open source projects. It also provides an overview of developing immersive web content using tools like Mozilla Hubs, Spoke, and the Architecture Kit. Hubs allows for shared social VR experiences, while Spoke is a 3D editor for creating scenes. The Architecture Kit includes pre-built 3D models that can be used to compose virtual buildings and spaces. Instructions and resources are provided for getting started with these tools to build immersive web content.
8. Mozilla Community in Palestine
• Join us on Facebook
https://bit.ly/2roYe2U
• Fill this short form :
https://forms.gle/beBkXSzSNXiw1LTW9
• Follow the blog
https://mozilla.ps/
www.presentatiostemplate.com 8
9. Agenda
This presentation includes :
www.presentatiostemplate.com
• The need of immersive content on the web
• Spoke and hubs
• Architecture Kit
3
10. App over crowded !
10
https://medium.com/@axaq/the-state-of-immersive-web-in-2019-
df4caa6069d3
www.presentatiostemplate.com
Downloading an app adds step between
the “Call To Action” and getting the user
using the application.
11. Web instead of native apps
Using native web browser to serve the AR and
VR experience allowing it to work across all
platforms, devices, and mobile OS.
https://medium.com/agora-io/web-vs-app-ar-edition-d9aafe988ba2 4
13. Browsers Support
13
All modern browsers support
webGL and more and more
native device features become
available to browsers
https://medium.com/@axaq/the-state-of-immersive-web-in-2019-
df4caa6069d3
www.presentatiostemplate.com
14. Hardware Support
14
1.Mobile device hardware become stronger
in terms of 3D rendering.
1. Hardware becomes more affordable.
3. more powerful standalone headsets are
introduced to the market,
https://medium.com/@axaq/the-state-of-immersive-web-in-2019-
df4caa6069d3
www.presentatiostemplate.com
15. How to create the webXR
content?
12www.presentatiostemplate.com
17. WebXR
www.presentatiostemplate.com 15
• WebXR is a new set of standard Web APIs for building immersive
experiences on the web.
• It has support from all the major browser vendors, and version one
will be finished before the end of 2019.
20. Mozilla Hubs
www.presentatiostemplate.com 20
Hubs is built on top of WebRTC
and supports real-time
conversations between users in a
shared environment.
Users embody 3D models in the
glTF format called avatars, and
they can control vision and
movements using WASD keys or
through the application’s
teleportation controls
18
23. Spoke
www.presentatiostemplate.com 23
Spoke is an online 3D editor that
can be used to create scenes for
Hubs rooms.
It allows users to compose spaces
using 3D models and traditional
web content like videos, images,
gifs, and PDFs.
Other Hubs users can then use
these scenes as templates for
their own content.
19
24. Why Spoke ?
Browser based 3D Composition tools for creating 3D and VR scene
Very good iteration time, scene come to the screen very quickly
without complicating build process
www.presentatiostemplate.com 24
26. Architecture Kit
• build custom content for their 3D scenes without using an external
tool.
• Over 400 different pieces that are designed to be used together to
create buildings - the kit includes wall, floor, ceiling, and roof
pieces, as well as windows, trim, stairs, and doors.
• The different components of the Architecture Kit were created in
Blender so that each piece would align together to create
seamless connections while mesh overlap avoided.
www.presentatiostemplate.com 26
27. Architecture Kit
• Many of the Architecture Kit pieces were made single-sided, which
reduces the number of faces that need to be rendered.
• different pieces of the Kit can have one or more material slots with
unique textures and materials that can be applied
www.presentatiostemplate.com 27