Multiplayer Games with WebXR

on YouTube ↗29m

" summary

Builds a working multiplayer WebXR prototype using A-Frame + AR.js + networked-aframe to place animated Pokemon models in a scene, sync position/rotation across two laptop sessions and one mobile in real time via adapters to WebSocket/real‑time DBs, and use glTF for smaller animated assets with the glTF animated models workflow. Uses A-Frame Inspector and custom pattern markers generated from images so markers scale, but performance drops when dozens of entities and textures are loaded. Custom image markers

AI-written summary · about

" chapters (10)

1. 0:00Start
2. 3:22Experience with Virtual Reality
3. 5:39Web Vr
4. 17:05Pokemon Go
5. 17:53Air Chess
6. 20:14Gltf Models
7. 21:59Preset Markers
8. 24:22Performance
9. 25:01Google Tilt Brush
10. 25:13Htc Vive

" related talks

• 36mMultiplayer Games With WebXRTanay Pant · GDG DevFest Gorky 2018
• 33mWebXR? Native virtual and augmented reality in browsersErick Wendel · BrazilJS Conf 2024
• 43mWebXR, if X = how?Indira Knight, Diego González · Full Stack Fest 2018
• 56mBringing mixed reality to the webMarko Letic · HolyJS 2018 Moscow
• 32mWriting Virtual and Augmented Reality Apps with Web TechnologyMichaela Lehr · You Gotta Love Frontend Conference 2018
• 33mWebXR: Introducing Mixed Reality and the Immersive WebPeter O'Shaughnessy · Codemotion Rome 2018
• 22mCreating a WebXR Tic-Tac-Toe game without using any Virtual & Augmented Reality toolsDwane Hemmings · CityJS Berlin 2024
• 55mCreating your own Pokemon-world in Web based Virtual RealitySantosh Viswanatham · FOSSASIA Summit 2017