Multiplayer Game Dev in Web: how to build your own game in less than 30 minutes
summary
Builds a real-time multiplayer board using Node.js and Express, communicates with Socket.IO, renders with HTML5 canvas, and assigns players colors via randomcolor. Code creates a shared 20×20 grid, maps clicks to cell coordinates, emits simultaneous turns (no turn-waiting), stores the board state server-side, and broadcasts updates so all clients stay synced. Live deployment is demonstrated from a personal CI/CD push; the demo runs and players can click to place colored tokens in real time.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 4:00Basic App
- 5:30Socket
- 7:15SocketIO
- 7:45Client side
- 11:20Canvas
- 15:55Upload
- 16:10Interaction
- 18:10Communication
- 21:10User Identification
- 25:10Drawing the Grid
- 32:22Aligning the Cell
related talks
18mdotJS 2012 - Christian Amor Kvalheim
50mBuild Your Own Game Engine in the Browser
05mSocket.IO in a Chess Realtime Multiplayer Web Application
51mBuild Your Own Game Engine in the Browser
46mBuild Your Own Game Engine in the Browser No experience necessary, all experience
18mThink You Can Build a Game with AI? Think Again!
26mdeveloping videogames in JavaScript
51mBuild Your Own Game Engine in the Browser