$N Multistroke Recognizer in JavaScript
Lisa Anthony1 and Jacob O. Wobbrock2
1University of Maryland—Baltimore County and 2University of Washington
This page implements the "$N Multistroke Recognizer" that is based upon the $1 Unistroke Recognizer. Upon loading this page, only one multistroke is defined for each gesture below, but $N automatically generalizes each example to encompass all possible stroke orderings and directions. This means that you can make and define multistrokes using any stroke order and direction you wish, provided you begin at either endpoint of each component stroke. By default, multistrokes are regarded as fully rotation, scale, and position invariant, but a checkbox option allows you to limit rotation invariance (see below). Also, you can define your own multistrokes using the buttons beneath the canvas. See our Graphics Interface 2010 paper (PDF), limitations of this recognizer or a detailed pseudocode listing.
|
|
$N Links and Downloads
ReferencesAnthony, L. and Wobbrock, J.O. (2010). A lightweight multistroke recognizer for user interface prototypes. Proceedings of Graphics Interface (GI '10). Ottawa, Ontario, Canada (May 31-June 2, 2010). Toronto, Ontario: Canadian Information Processing Society, pp. 245-252.Li, Y. (2010). Protractor: A fast and accurate gesture recognizer. Proceedings of the ACM Conference on Human Factors in Computing Systems (CHI '10). Atlanta, Georgia (April 10-15, 2010). New York: ACM Press, pp. 2169-2172. Wobbrock, J.O., Wilson, A.D. and Li, Y. (2007). Gestures without libraries, toolkits or training: A $1 recognizer for user interface prototypes. Proceedings of the ACM Symposium on User Interface Software and Technology (UIST '07). Newport, Rhode Island (October 7-10, 2007). New York: ACM Press, pp. 159-168. |
$N Implementations by Others
|