rob
/
multiplayer-canvas
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
A "multiplayer" HTML5 <canvas> to which people can connect and make changes over time.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
4 Commits
2 Branches
0 Tags
796 KiB
 
 
 
 
Tree: c3d0b6bfa9
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'c3d0b6bfa9'
${ noResults }
Rob Colbert c3d0b6bfa9
first usable 		2 years ago
.vscode first usable 2 years ago
app first usable 2 years ago
client first usable 2 years ago
.gitignore first usable 2 years ago
.jshintrc running app 2 years ago
README.md first usable 2 years ago
canvas-io-server.js first usable 2 years ago
package.json first usable 2 years ago
webapp.js first usable 2 years ago
webpack.config.js first usable 2 years ago
yarn.lock first usable 2 years ago

README.md

Multiplayer Canvas

An HTML5 <canvas> to which multiple people can connect over Socket.io and make changes one pixel at a time.

Running the Application

yarn start

How It Works

A connect token is generated when the multiplayer canvas view is loaded, and this becomes the session's ID. The client must present this token when connecting to the canvas IO server, and it must match what was stored in Redis, not be expired, not already be claimed, etc.

If accepted, the socket session then stores the connect token to be used as a unique key that identifies that client session. Rate limits are implemented against this key using rate-limiter-flexible, such as how often a setpixel command can be received and processed.