Skip to content
A time-based drawing library for capturing and replaying multi-layered, multi-author drawings
JavaScript TypeScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs
electron
example-src
lib
src
test
.gitignore
.npmignore
README.md
package.json
tsconfig-example-docs.json
tsconfig-example.json
tsconfig.json
webpack.config.example.canvas.js
webpack.config.example.capture.js
webpack.config.example.docs.js
webpack.config.example.js
webpack.config.js

README.md

ww-draw - a time-based drawing capture and replay library

ww-draw is a time-based drawing library for capturing and replaying multi-layered, multi-author drawings - as they were drawn. Included is a json file format for storing captured data.

using ww-draw

npm install ww-draw pixi.js jsonfile

import * as WwDraw from 'ww-draw';

see: https://github.com/wwlib/ww-draw-example/

building the library and examples

npm install -g electron (required to run the examples)

npm install -g webpack (required to build the library and examples)

npm run build

npm run build:example

npm run build:example:capture

npm run build:example:canvas

npm run build:example:docs

cd electron

PixiJs replay

  • a pixijs demo of drawing replay, use:
  • electron index.js

PixiJs capture

  • a pixijs demo of drawing capture & replay, use:
  • electron index-capture.js

Canvas replay

  • a canvas-based demo of drawing replay, use:
  • electron index-canvas.js
You can’t perform that action at this time.