Creating a WebXR Tic-Tac-Toe game with Voice Chat
summary
A WebXR tic tac toe game gets built and deployed in about a week using model-viewer for AR rendering, Vonage Conversations API for real time moves and voice, and Microsoft Paint 3D to create the X and O assets. The board uses model-viewer hotspots with coordinates exported from the editor so nine positions sync as custom events over the conversation, enabling two devices to play in AR with live audio. Live demo at xoxr.games confirms it works.
AI-written summary · about
chapters (15)
- 0:00Introduction and setup
- 2:29Project challenge overview
- 3:32Speaker background and philosophy
- 5:40Evolution of Tic-Tac-Toe game
- 7:28Live demo of WebXR game
- 10:15WebXR development tools
- 11:383D model sources and creation
- 13:23Building models with Paint 3D
- 14:06Game mechanics and hotspots
- 15:08Real-time communication setup
- 15:52Summary and encouragement
- 16:37Cascadia JS bingo game
- 18:22Web components and GraphQL demo
- 19:04Drone selfie intermission
- 23:52Closing and Q&A invitation
related talks
22mCreating a WebXR Tic-Tac-Toe game without using any Virtual & Augmented Reality tools
25mCreate Collaborative VR Environment in the Browser with React and GraphQL
43mWebXR, if X = how?
45mReact Web Components How It Is and How It Could Be
32mWriting Virtual and Augmented Reality Apps with Web Technology
39mWhose turn is it anyway? Augmented reality board games.
36mMultiplayer Games With WebXR
29mMultiplayer Games with WebXR