Mixed Reality - Zero to Hero in 25min

This talk was presented at JSconf, Verona, Italy in May 2019.

This PDF version does not include the GIFs, videos or demos that were part of the talk. You can reach out https://www.twitter.com/Srushtika to ask any questions or get access to complete resources including a link to the recorded video.

Transcript

1. Mixed Reality
   Zero to Hero in 25 min
   JSday, Verona, Italy | May 2019
   Srushtika Neelakantam
   @Srushtika
   

   View Slide

2. Hi there,
   I’m Srushtika
   Developer
   Advocate
   

   View Slide

3. The ‘open web’ stretch
   @Srushtika | JSday, Verona, Italy | 2019
   

   View Slide

4. Mixed Reality
   @Srushtika | JSday, Verona, Italy | 2019
   

   View Slide

5. @Srushtika | JSday, Verona, Italy | 2019
   Virtual Reality
   

   View Slide

6. @Srushtika | JSday, Verona, Italy | 2019
   Augmented
   Virtuality
   

   View Slide

7. @Srushtika | JSday, Verona, Italy | 2019
   Augmented Reality
   

   View Slide

8. Real
   world
   Virtual
   world
   Augmented
   Reality
   Augmented
   Virtuality
   Virtual
   Reality
   Mixed Reality
   @Srushtika | JSday, Verona, Italy | 2019
   

   View Slide

9. But, why web?
   @Srushtika | JSday, Verona, Italy | 2019
   

   View Slide

10. Gatekeepers
    @Srushtika | JSday, Verona, Italy | 2019
    

    View Slide

11. Installs
    @Srushtika | JSday, Verona, Italy | 2019
    

    View Slide

12. Closed
    @Srushtika | JSday, Verona, Italy | 2019
    

    View Slide

13. Enter WebXR!
    Well, sort of.
    @Srushtika | JSday, Verona, Italy | 2019
    

    View Slide

14. @Srushtika | JSday, Verona, Italy | 2019
    Detect XR
    capabilities
    Detect orientation
    and position details
    Detect and communicate
    with controllers and other
    inputs
    Display the right frame
    rate needed by the
    application
    WebXR capabilities
    Image recognition
    

    View Slide

15. WebXR and WebGL
    Three.js
    A-Frame/ AR.js
    @Srushtika | JSday, Verona, Italy | 2019
    

    View Slide

16. How does it work?
    @Srushtika | JSday, Verona, Italy | 2019
    

    View Slide

17. @Srushtika | JSday, Verona, Italy | 2019
    

    View Slide

18. Live Demo
    @Srushtika | JSday, Verona, Italy | 2019
    

    View Slide

19. @Srushtika | JSday, Verona, Italy | 2019
    Let’s look at some cooooooool MR tools!!
    

    View Slide

20. Amazon Sumerian
    https://aws.amazon.com/sumerian/
    @Srushtika | JSday, Verona, Italy | 2019
    

    View Slide

21. Mozilla Hubs
    https://hubs.mozilla.com/
    @Srushtika | JSday, Verona, Italy | 2019
    

    View Slide

22. Mozilla Spoke
    https://hubs.mozilla.com/spoke
    @Srushtika | JSday, Verona, Italy | 2019
    

    View Slide

23. Mozilla Mixed Reality Blog
    https://blog.mozvr.com/
    @Srushtika | JSday, Verona, Italy | 2019
    

    View Slide

24. Mixed Reality
    Zero to Hero
    in 25 min
    JSday, Verona, Italy 2019
    Srushtika Neelakantam
    That’s all folks!
    Grazie.
    @Srushtika
    

    View Slide