GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → cojapacze → Sketchpad

cojapacze / Sketchpad

Licence: agpl-3.0
Sketchpad is fully customisable collaborative whiteboard plugin written in pure JavaScript.

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

editorwebsocketcanvasdrawinghistorycdndrawwebsocket-serverwebsocket-clientpaint

Projects that are alternatives of or similar to Sketchpad

Jspaint
🎨 Classic MS Paint, ＲＥＶＩＶＥＤ + ✨Extras
Stars: ✭ 5,972 (+6925.88%)
Mutual labels:  paint, drawing, editor, canvas
Mopaint
🎨💪 Modern, modular paint and more! (pre-alpha, not much done yet)
Stars: ✭ 50 (-41.18%)
Mutual labels:  paint, drawing, draw, canvas
Websocket
A PHP implementation of WebSocket.
Stars: ✭ 54 (-36.47%)
Mutual labels:  websocket, websocket-server, websocket-client
Ws
Simple to use, blazing fast and thoroughly tested WebSocket client and server for Node.js
Stars: ✭ 17,419 (+20392.94%)
Mutual labels:  websocket, websocket-server, websocket-client
React Sketch
Sketch Tool for React-based applications, backed up by FabricJS
Stars: ✭ 414 (+387.06%)
Mutual labels:  paint, drawing, draw
Literallycanvas
A canvas in your browser. Literally.
Stars: ✭ 1,043 (+1127.06%)
Mutual labels:  paint, drawing, canvas
Beast
HTTP and WebSocket built on Boost.Asio in C++11
Stars: ✭ 3,241 (+3712.94%)
Mutual labels:  websocket, websocket-server, websocket-client
Tui.image Editor
🍞🎨 Full-featured photo image editor using canvas. It is really easy, and it comes with great filters.
Stars: ✭ 4,761 (+5501.18%)
Mutual labels:  paint, drawing, canvas
Drawing
Drawing and fill color
Stars: ✭ 37 (-56.47%)
Mutual labels:  drawing, paint, draw
Autobahn Testsuite
Autobahn WebSocket protocol testsuite
Stars: ✭ 603 (+609.41%)
Mutual labels:  websocket, websocket-server, websocket-client
Oatpp Websocket
oatpp-websocket submodule.
Stars: ✭ 26 (-69.41%)
Mutual labels:  websocket, websocket-server, websocket-client
Minipaint
online image editor
Stars: ✭ 1,014 (+1092.94%)
Mutual labels:  paint, drawing, canvas
Jiny
Lightweight, modern, simple JVM web framework for rapid development in the API era
Stars: ✭ 40 (-52.94%)
Mutual labels:  websocket, websocket-server, websocket-client
Flutter Canvas
About using of canvas in the flutter
Stars: ✭ 259 (+204.71%)
Mutual labels:  paint, draw, canvas
Deno Websocket
🦕 A simple WebSocket library like ws of node.js library for deno
Stars: ✭ 74 (-12.94%)
Mutual labels:  websocket, websocket-server, websocket-client
Websockets
Library for building WebSocket servers and clients in Python
Stars: ✭ 3,724 (+4281.18%)
Mutual labels:  websocket, websocket-server, websocket-client
Sketch
Sketch have a lot of basic functions to develop a drawing app for iPhone. Anyone can easily create drawing iOS Application.
Stars: ✭ 229 (+169.41%)
Mutual labels:  paint, drawing, draw
powerpaint
Kreative PowerPaint - Library and Application for Bitmap and Vector Image Editing
Stars: ✭ 27 (-68.24%)
Mutual labels:  drawing, paint, draw
Websocket
The Hoa\Websocket library.
Stars: ✭ 421 (+395.29%)
Mutual labels:  websocket, websocket-server, websocket-client
Awesome Websockets
A curated list of Websocket libraries and resources.
Stars: ✭ 850 (+900%)
Mutual labels:  websocket, websocket-server, websocket-client
View All Similar Projects ➔

Sketchpad.pro

Sketchpad Pro is a simple graphic editor written for web. This drawing plugin uses HTML5 Canvas supported by all modern browsers (Chrome, Firefox, Opera, Internet Explorer...). You can use any device to draw on "sketchpad". Drawen sketches you can export to jepg/png or save as .json history file.

Sketchpad Pro is using inputs history to store drawings. This allows to cooperate multiple users in real-time using WebSocket server.

Sketchpad Pro is fully customisable javascript library written in ES5.

Using Sketchpad Pro with a CDN Copy this script and paste into your page to include Sketchpad Pro from CDN server:

<script src="https://cdn.sketchpad.pro/dist/current/sketchpad.min.js"></script>

Build your own Sketchpad Pro

  1. Download & install current Node.js.
  2. Download {@link https://developers.sketchpad.pro Sketchpad Pro developer pack} and extract sketchpad/ folder or clone project from GitHub:
git clone https://github.com/cojapacze/sketchpad.git
  1. Run in terminal:
cd sketchpad
npm install
gulp

  1. Check dist/ folder for your build files. Open test page: demos/online.html to test your build.

  2. Run local server

cd server
node server

Try:

gulp watch

to watch files for changes while development.

Demos

https://developers.sketchpad.pro/advanced.html

Docker

Dockerfile and docker-compose are available in the Docker directory of the project.

Documentation

The full documentation is available online at the following address: https://developers.sketchpad.pro/documentation.html

Checking Your Installation

The Sketchpad.pro comes with a few sample pages that can be used to verify that installation proceeded properly. Take a look at the demos in installation directory.

Just call for example:

  simple.html

License

AGPL-3. https://www.gnu.org/licenses/agpl-3.0.html

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].