Creating a WebXR Tic-Tac-Toe game without using any Virtual & Augmented Reality tools
summary
Created a WebXR Tic‑Tac‑Toe in about a week that uses model-viewer for AR placement, hotspots for tap interaction, and Vonage APIs for real-time sync and voice chat; models come from Microsoft Paint 3D instead of complex 3D toolchains; game logic moves between clients via custom events, a winner event triggers UI updates, and players test it by scanning a QR to load xoXR.games — a working, multi-device AR board that proves WebXR plus simple web components and RTC is enough to ship a playable multiplayer AR game.
AI-written summary · about
chapters (6)
- 0:00Introduction and welcome
- 5:26WebXR Tic-Tac-Toe game overview
- 8:58Web components and Model Viewer
- 13:56Creating 3D models for the game
- 16:26Real-time communication with Vonage APIs
- 18:34Future plans and resources
related talks
24mCreating a WebXR Tic-Tac-Toe game with Voice Chat
32mWriting Virtual and Augmented Reality Apps with Web Technology
33mWebXR? Native virtual and augmented reality in browsers
43mWebXR, if X = how?
30mWebXR : augmented reality lands into our web browsers
25mCreate Collaborative VR Environment in the Browser with React and GraphQL
36mMultiplayer Games With WebXR
20mBuilding the Holodeck: XR for Designers