Yannick Thiel
ABSTRACT
Elasticurves present a novel approach to neaten sketches in real-time, resulting in curves that combine smoothness with user-intended detail. Inspired by natural variations in stroke speed when drawing quickly or with precision, we exploit stroke dynamics to distinguish intentional fine detail from stroke noise. Combining inertia and stroke dynamics, elasticurves can be imagined as the trace of a pen attached to the user by an oscillation-free elastic band. Sketched quickly, the elasticurve spatially lags behind the stroke, smoothing over stroke detail, but catches up and matches the input stroke at slower speeds. Connectors, such as lines or circular-arcs link the evolving elasticurve to the next input point, growing the curve by a responsiveness fraction along the connector. Responsiveness is calibrated, to reflect drawing skill or device noise. Elasticurves are theoretically sound and robust to variations in stroke sampling. Practically, they neaten digital strokes in real-time while retaining the modeless and visceral feel of pen on paper.
Supplemental Material
- Adobe Systems Inc. (2010). Adobe Illustrator CS 5. http://www.adobe.com/products/illustrator.htm.Google Scholar
- Autodesk Inc. (2010). Autodesk Sketchbook Pro 2010. http://area.autodesk.com/sketchboo.Google Scholar
- Anderson, D., Bailey, C., & Skubic, M. (2004). Hidden Markov Model Symbol Recognition for Sketch-Based Interfaces. AAAI Fall Symposium (pp. 15--21). Menlo Park, CA: AAAI Press.Google Scholar
- Bae, S.-H., Balakrishnan, R., & Singh, K. (2008). ILoveSketch:As-Natural-As-Possible System for Creating 3D Curve Models. Proc. UIST , 151--160. Google ScholarDigital Library
- Balakrishnan, R., Fitzmaurice, G., Kurtenbach, G., & Buxton, W. (1999). Digital Tape Drawing. Proc. UIST, 161--169. Google ScholarDigital Library
- Barzel, R. (1997). Faking Dynamics of Ropes and Strings. IEEE CGA, 3, pp. 31--39. Google ScholarDigital Library
- Coleman, P., & Singh, K. (2006). Cords: Geometric Curve Primitives for Modeling Contact. IEEE CGA, 3, pp. 72--79. Google ScholarDigital Library
- Farin, G., Rein, G., Sapidis, N., & Worsey, A. (1987). Fairing Cubic B-Spline Curves. Computer Aided Geometric Design , 91--103. Google ScholarDigital Library
- Fiume, E. (1995). Isometric Piecewise Polynomial Curves. Computer Graphics Forum , 1, pp. 47--58.Google ScholarCross Ref
- Fung, R., Lank, E., Terry, M., & Latulipe, C. (2008). Kinematic Templates: End-User Tools for Content-Relative Cursor Manipulations. Proc. UIST , 47--56. Google ScholarDigital Library
- Grossman, T., Balakrishnan, R., Kurtenbach, G., Fitzmaurice, G., Khan, A., & Buxton, B. (2002). Creating Principal 3D Curves with Digital Tape Drawing. Proc. CHI , 121--128. Google ScholarDigital Library
- Haeberli, P. (1989). DynaDraw. Silicon Graphics Corporation. Mountain View, California, USA. http://www.graficaobscura.com/dyna/index.htm.Google Scholar
- Igarashi, T., Kadobayashi, R., Mase, K., & Tanaka, H. (1998). Path Drawing for 3D Walkthrough. Proc. UIST, (pp. 173--174). Google ScholarDigital Library
- Igarashi, T., Kawachiya, S., Matsuoka, S., & Tanaka, H. (1997). In Search for an Ideal Computer-Assisted Drawing System. INTERACT, (pp. 104--111). Google ScholarDigital Library
- Igarashi, T., Matsuoka, S., & Tanaka, H. (1999). Teddy: A Sketching Interface for 3D Freeform Design. SIGGRAPH, (pp. 409--416). Google ScholarDigital Library
- Igarashi, T., Matsuoka, S., Kawachiya, S., & Tanaka, H. (1997). Interactive Beautification: A Technique for Rapid Geometric Design. Proc. UIST, (pp. 105--114). Google ScholarDigital Library
- Labahn, G., MacLean, S., Marzouk, M., Rutherford, I., & Tausky, D. (2006). MathBrush: An Experimental Pen-Based Math System. Dagstuhl Seminar Proceedings, Challenges in Symbolic Computation.Google Scholar
- Lacquaniti, F., Terzuolo, C., & Viviani, P. (1983). The law relating the kinematics and figural aspects of drawing movements. Acta Psychologica , pp. 115--130.Google Scholar
- McCrae, J., & Singh, K. (2008). Sketching Piecewise Clothoid Curves. SBIM, pp. 1--8. Google ScholarDigital Library
- Microsoft Corporation (2009). Windows 7 Journal.Google Scholar
- Ramos, G., Boulos, M., & Balakrishnan, R. (2004). Pressure Widgets. Proc. CHI, (pp. 487--494). Google ScholarDigital Library
- Rubine, D. (1991). Specifying gestures by example. Proc. SIGGRAPH, (pp. 329--337). Google ScholarDigital Library
- Schmidt, R., Khan, A., Singh, K., & Kurtenbach, G. (2010). Analytic Drawing of 3D Scaffolds. Proc. SIGGRAPH ASIA (to appear). Google ScholarDigital Library
- Sezgin, T., & Davis, R. (2005). HMM-based efficient sketch recognition. Proc. IUI , 281--283. Google ScholarDigital Library
- Sezgin, T., Stahovich, T., & Davis, R. (2001). Sketch Based Interfaces: Early Processing for Sketch Understanding. Proc. PUI. Google ScholarDigital Library
- Shao, L., & Zhou, H. (1996). Curve Fitting with Bezier Cubics. Graphical Models and Image Processing , 3, pp. 223--232. Google ScholarDigital Library
- Singh, K. (1999). Interactive Curve Design using Digital French Curves. Proc. I3D, 23--30. Google ScholarDigital Library
- Soukoreff, R., & MacKenzie, I. (2009). An informatic rationale for the speed-accuracy trade-off. Proc. IEEE SMC, (pp. 2969--2975). Google ScholarDigital Library
- Terzopoulos, D., & Qin, H. (1994). Dynamic NURBS with Geometric Constraints for Interactive Sculpting. ACM TOG, 2, pp. 103--136. Google ScholarDigital Library
- Thorne, M., Burke, D., & van de Panne, M. (2004). Motion Doodles: An Interface for Sketching Character Motion. ACM TOG, v.23 n.3. Google ScholarDigital Library
- Tian, F., Ao, X., Hongan, W., Setlur, V., & Dai, G. (2008). Tilt menu: using the 3D orientation information of pen devices to extend the selection capability of pen-based user interfaces. Proc. CHI, (pp. 1371--1380). Google ScholarDigital Library
- Tsang, S., Balakrishnan, R., Singh, K., & Ranjan, A. (2004). A suggestive interface for image guided 3d sketching. Proc. CHI, (pp. 591--598). Google ScholarDigital Library
- Weber, E. (1846). Der Tastsinn und das Gemeingefühl. In Wagner, Handlewörterbuch der Physiologie (Vol. iii).Google Scholar
- Wobbrock, J., Wilson, A., & Li., Y. (2007). Gestures without Libraries, Toolkits or Training: a 1 Recognizer for User Interface Prototypes. Proc. UIST. (pp 159--168). Google ScholarDigital Library
Index Terms
- Elasticurves: exploiting stroke dynamics and inertia for the real-time neatening of sketched 2D curves
Recommendations
Sketching user experiences tutorial: stories, strategies, surfaces
ITS '13: Proceedings of the 2013 ACM international conference on Interactive tabletops and surfacesPaper-pencil sketches are a valuable tool during different stages of experience design in human-computer interaction. This hands-on tutorial will demonstrate how to integrate sketching into researchers' and interaction designers' everyday practice -- ...
Learn to Sketch (Even if You Can't Draw): Hands-on Sketching Course
CHI EA '15: Proceedings of the 33rd Annual ACM Conference Extended Abstracts on Human Factors in Computing SystemsSketching as a technique to quickly draw something on a piece of paper can be used to explore and communicate ideas. Practitioners can make use of their ability to draw sketches from an early phase of a project on. It can be valuable not only for the ...
DrawCAD: mouse-sketch-based engineering drawing
APCHI '13: Proceedings of the 11th Asia Pacific Conference on Computer Human InteractionWhile there has been a lot of work on freehand drawing programs, robust programs which are easy to learn are still not available. We feel our program DrawCAD takes significant steps in this direction. Two dimensional drawings are sketched by the user ...
Comments