Overview
Recognize drawn shapes based on their point clouds.
Demos:
Installation
npm install outlines
Usage
var outlines = recognizer = outlines Point = outlinesPoint gesture = ; // Create an array of the points making up a gesture you want to find// a match for.// new Point(x, y, strokeId)// strokeId should be incremented for each new stroke. Ie. If a user lifts and// touches/mouses down again each subsequent stream of points is a separate strokegesturegesturegesture; gesture;gesture;gesture; // Get a list in ranked (closest to furthest match)// Note: For now there is a built in set of symbols. You could replace a recognizers// set of symbols though, see the implementation to figure out how:// https://github.com/francoislaberge/outlines/blob/master/src/outlines.js#L107-L152var matches = recognizer;console;
References
- Based on the $P Point-Cloud Recognizer research paper
Coming Soon
Support for more recognizers will be added soonish. Here's a sneak peak:
- Work in progress: Unistroke Recognizer.
- Want to add the GRAIL system to this as well
- https://jackschaedler.github.io/handwriting-recognition/
- See Video for motivation
- Talk to Ken Perlin and ask what he's using for Chalktalk
- Some notes related to the history of hand writing recognition
Experiments I'd like to make:
- Try reusing icon sets such as FontAwesome, as starting points.
- Related: Allow SVG and fonts as potential sources?