https://github.com/endel/colyseus-collaborative-drawing
Collaborative Drawing Prototype. Using Colyseus + HTML5 Canvas
https://github.com/endel/colyseus-collaborative-drawing
colyseus colyseus-sample html5 html5-canvas
Last synced: 19 days ago
JSON representation
Collaborative Drawing Prototype. Using Colyseus + HTML5 Canvas
- Host: GitHub
- URL: https://github.com/endel/colyseus-collaborative-drawing
- Owner: endel
- License: mit
- Created: 2019-08-27T13:35:51.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2021-04-21T15:11:24.000Z (over 4 years ago)
- Last Synced: 2025-07-09T03:02:43.447Z (4 months ago)
- Topics: colyseus, colyseus-sample, html5, html5-canvas
- Language: TypeScript
- Homepage: https://colyseus-drawing-prototype.herokuapp.com/
- Size: 1.05 MB
- Stars: 17
- Watchers: 3
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Collaborative Drawing Prototype
Want to see more prototypes like this? Support me on Patreon!
---
This is a multiplayer drawing prototype. The lines drawn by each player are synched and then drawed for every player connected in the room.
## Requirements & installation
This demo requires:
- [Node.js v10+](https://nodejs.org/en/download/)
- [MongoDB](https://www.mongodb.com/download-center)
Install its dependencies:
```
npm install
```
Run the project
```
npm start
```
## Features
- Chat
- List of online members
- Drawing sessions have an expiration time (2 minutes, 5 minutes, 1 hour, etc.)
- Drawings are stored in the database once the session expires
- 4 different brush styles to select (adapted from http://perfectionkills.com/exploring-canvas-drawing-techniques/#nearby-connections)
- Color selection
## License
MIT.