Multiplayer WebVR

on YouTube ↗38m

" summary

Live demo of a browser VR prototype that uses WebGL/three.js for rendering, WebVR for sensors, and WebRTC with a WebSocket fallback for networking; code is on GitHub and it runs with Cardboard and Rift. State updates pack six float32s (positions + rotations) so six float32s = 192 bits ≈ 11.5 kb/s at 60 fps, then binary-packed to ~27 bytes per packet on the wire. Server broadcasts player state, supports ~20+ simultaneous users in tests, and uses a simple ID protocol with WebRTC fallback to WebSocket.

AI-written summary · about

" chapters (10)

1. 0:00Introduction
2. 5:35WebGL fundamentals
3. 11:30VR hardware evolution
4. 15:34VR impact and accessibility
5. 18:24Setting up VR with WebXR and libraries
6. 20:53WebRTC networking
7. 24:04Live demo
8. 31:51Server implementation
9. 32:13Client VR rendering
10. 37:31Future and conclusion

" related talks

• 36mJavaScript for Virtual RealityLiv Erickson · JSConf Budapest 2015
• 28mAn Introduction to WebVRMichaela Lehr · JSConf AU 2016
• 44mWebVR - Virtual Worlds in the BrowserCarsten Sandtner · code.talks 2017
• 30mGetting started with WebVRMartin Splitt · ngVikings 2018
• 19mThe realities of doing VR on the WebAda Rose Edwards · DotJS 2016
• 50mWebVR is the next frontierMartin Splitt · HolyJS 2016
• 42mCreating virtual worlds in the browserAnton Nemtsev · JavaScript fwdays'18
• 29mVirtual Reality in your browserMartin Splitt · JSConf.Asia 2018