Multiplayer Games With WebXR

on YouTube ↗36m

" summary

Builds a playable WebXR prototype that places 3D Pokémon (.dae) and a rotating Pokéball in a scene using A-Frame + AR.js, loads assets with the A-Frame asset manager, edits with the inspector, and measures performance with the stats attribute targeting ~90 FPS. Adds real-time multiplayer via networked-aframe with WebSocket/real-time DB adapters to sync position/rotation across devices. Shows custom AR markers (pattern files), notes iPhone camera/API limits and that photorealistic, physics‑heavy games still favor native engines.

AI-written summary · about

" chapters (13)

1. 0:00Introduction to WebXR
2. 2:58First VR experience with Google Cardboard
3. 5:07Challenges of native VR development
4. 8:01Introducing A-Frame framework
5. 11:33Building a Pokémon WebXR demo
6. 15:57Using A-Frame Inspector for prototyping
7. 18:03Adding multiplayer with networked A-Frame
8. 19:51Exploring AR with Pokémon GO
9. 20:56Creating custom AR markers
10. 23:53Monitoring WebXR performance
11. 24:59High-performance VR with A-Frame
12. 25:19Future of multiplayer WebXR games
13. 26:01Q&A session

" related talks

• 29mMultiplayer Games with WebXRTanay Pant · CSS-Minsk-JS 2018
• 33mWebXR? Native virtual and augmented reality in browsersErick Wendel · BrazilJS Conf 2024
• 32mWriting Virtual and Augmented Reality Apps with Web TechnologyMichaela Lehr · You Gotta Love Frontend Conference 2018
• 47mAugmented Reality on the WebAlina Karpelceva · Build Stuff 2019
• 56mBringing mixed reality to the webMarko Letic · HolyJS 2018 Moscow
• 55mCreating your own Pokemon-world in Web based Virtual RealitySantosh Viswanatham · FOSSASIA Summit 2017
• 30mThe future of Virtual and Augmented Reality for the webJordan Santell · ColdFront 2017
• 33mWebXR: Introducing Mixed Reality and the Immersive WebPeter O'Shaughnessy · Codemotion Rome 2018