Multiplayer VR on the web

This was presented at WeAreDevelopers World Congress 2018 in Vienna, Austria.

Transcript

1. Building multiplayer VR web apps WeAreDevelopers 2018 Srushtika Neelakantam @Srushtika
2. Hi ! I’m Srushtika @Srushtika n.srushtika@gmail.com Developer Advocate
3. Virtual Reality @Srushtika | WeAreDevelopers | 2018
4. Virtual Reality is tricking your brain into believing something that’s not. even. real. ! @Srushtika | WeAreDevelopers | 2018
5. Gatekeepers @Srushtika | WeAreDevelopers | 2018
6. Installs @Srushtika | WeAreDevelopers | 2018
7. Closed @Srushtika | WeAreDevelopers | 2018
8. Solution? @Srushtika | WeAreDevelopers | 2018
9. Image source: The Engineer’s cafe An open Virtual Reality platform with the advantages of the WEB @Srushtika | WeAreDevelopers | 2018
10. Open @Srushtika | WeAreDevelopers | 2018
11. Connected @Srushtika | WeAreDevelopers | 2018
12. Instant @Srushtika | WeAreDevelopers | 2018
13. IMPORT WEBVR POLYFILL SET UP CAMERA SET UP LIGHTS INITIALIZE SCENE DECLARE AND PASS CANVAS LISTEN TO WINDOW RESIZE INSTALL VR EFFECT INSTANTIATE RENDER CREATE RENDER LOOP PRELOAD ASSETS FIGURE OUT RESPONSIVENESS DEAL WITH META TAGS AND MOBILE @Srushtika | WeAreDevelopers | 2018
14. Hello A-Frame ! A-Frame is a web framework for building virtual reality (VR) experiences. As originators of WebVR, the Mozilla VR team developed A-Frame to be the easiest as well as the most powerful way to develop WebVR content. @Srushtika | WeAreDevelopers | 2018
15. Sketch credits: @ngokevin @Srushtika | WeAreDevelopers | 2018
16. How does it work? @Srushtika | WeAreDevelopers | 2018 @Srushtika | WeAreDevelopers | 2018
17. Virtual Reality @Srushtika | WeAreDevelopers | 2018
18. on the web Virtual Reality @Srushtika | WeAreDevelopers | 2018
19. on the web Virtual Reality Now let’s make it realtime! @Srushtika | WeAreDevelopers | 2018
20. HTTP @Srushtika | WeAreDevelopers | 2018
21. AJAX Polling @Srushtika | WeAreDevelopers | 2018
22. AJAX Long Polling @Srushtika | WeAreDevelopers | 2018
23. HTTP/2 @Srushtika | WeAreDevelopers | 2018
24. The paradigm @Srushtika | WeAreDevelopers | 2018
25. WebSockets @Srushtika | WeAreDevelopers | 2018
26. Pub/Sub @Srushtika | WeAreDevelopers | 2018
27. Presence @Srushtika | WeAreDevelopers | 2018
28. Live Demo @Srushtika | WeAreDevelopers | 2018
29. @Srushtika | WeAreDevelopers | 2018
30. Building multiplayer VR web apps WeAreDevelopers 2018 Srushtika Neelakantam That’s all folks! Thankyou. @Srushtika