More Web Proxy on the site http://driver.im/

research-article

Kitty: sketching dynamic and interactive illustrations

Authors:

Rubaiat Habib Kazi,

Fanny Chevalier,

George FitzmauriceAuthors Info & Claims

UIST '14: Proceedings of the 27th annual ACM symposium on User interface software and technology

Pages 395 - 405

https://doi.org/10.1145/2642918.2647375

Published: 05 October 2014 Publication History

Abstract

We present Kitty, a sketch-based tool for authoring dynamic and interactive illustrations. Artists can sketch animated drawings and textures to convey the living phenomena, and specify the functional relationship between its entities to characterize the dynamic behavior of systems and environments. An underlying graph model, customizable through sketching, captures the functional relationships between the visual, spatial, temporal or quantitative parameters of its entities. As the viewer interacts with the resulting dynamic interactive illustration, the parameters of the drawing change accordingly, depicting the dynamics and chain of causal effects within a scene. The generality of this framework makes our tool applicable for a variety of purposes, including technical illustrations, scientific explanation, infographics, medical illustrations, children's e-books, cartoon strips and beyond. A user study demonstrates the ease of usage, variety of applications, artistic expressiveness and creative possibilities of our tool.

Supplementary Material

suppl.mov (uistf2350-file3.mp4)

Supplemental video

Download
59.93 MB

References

[1]

Baecker, R.M. (1969) Picture-Driven Animation. AFIPS Spring Joint Computer Conference, 273--288.

Digital Library

[2]

Bostock, M., Ogievetsky, V., & Heer, J. (2011). D³ datadriven documents. Visualization and Computer Graphics, IEEE Transactions on, 17(12), 2301--2309.

Digital Library

[3]

Davis, R. C., Colwell, B., & Landay, J. A. (2008). Ksketch: a 'kinetic' sketch pad for novice animators. ACM CHI, 413--422.

Digital Library

[4]

Fruchterman, T. M., & Reingold, E. M. (1991). Graph drawing by force-directed placement. Software: Practice and experience, 21(11), 1129--1164.

Digital Library

[5]

Heer, J., Card, S.K., Landay, J.A. (2005). prefuse: a toolkit for interactive information visualization. ACM CHI, 421--430.

Digital Library

[6]

Igarashi, T., Moscovich, T., & Hughes, J. F. (2005). Asrigid-as-possible shape manipulation. ACM Trans. on Graphics 24(3): 1134--1141.

Digital Library

[7]

Kazi, R. H., Chevalier, F., Grossman, T., Zhao, S. & Fitzmaurice, G. (2014) Draco: Bringing Life to Illustrations with Kinetic Textures. ACM CHI, 351--360.

Digital Library

[8]

Landay, J. A. & Myers, B.A. (2001). Sketching Interfaces: Toward More Human Interface Design.Computer 34(3):56--64.

Digital Library

[9]

LaViola, J. J., & Zeleznik, R. C. (2007). MathPad 2: a system for the creation and exploration of mathematical sketches. SIGGRAPH courses.

Digital Library

[10]

Lee, B., Kazi, R. H., & Smith, G. (2013). SketchStory: Telling more engaging stories with data through freeform sketching. IEEE TVCG, 19(12), 2416--2425.

Digital Library

[11]

Lowe, R. (2003). Animation and learning: selective processing of information in dynamic graphics. Learning and instruction, 13(2), 157--176.

[12]

Miller, T., & Stasko, J. (2001). The InfoCanvas: information conveyance through personalized, expressive art. ACM CHI Extended Abstracts. 305--306.

Digital Library

[13]

Mitra, N. J., Yang, Y. L., Yan, D. M., Li, W., & Agrawala, M. (2010). Illustrating how mechanical assemblies work. ACM Trans, on Graphics, 29(4), 58.

Digital Library

[14]

Moscovich, T. (2001). Animation sketching: An approach to accessible animation. Master's Thesis, CS Department, Brown University.

[15]

Newman, M. W., Lin, J., Hong, J. I., & Landay, J. A. (2003). DENIM: An informal web site design tool inspired by observations of practice. Human-Computer Interaction, 18(3), 259--324.

Digital Library

[16]

Ngo, T., Cutrell, D., Dana, J., Donald, B., Loeb, L., & Zhu, S. (2000). Accessible animation and customizable graphics via simplicial configuration modeling. ACM SIGGRAPH, 403--410.

Digital Library

[17]

Ramachandran, V.S., & Blakeslee, S. (1998). Phantoms of the brain: Probing the mysteries of the human mind.

[18]

Resnick, M., Maloney, J., Monroy-Hernández, A., Rusk, N., Eastmond, E., Brennan, K., & Kafai, Y. (2009). Scratch: programming for all. Communications of the ACM, 52(11), 60--67.

Digital Library

[19]

Roam, D. (2008). The back of the napkin.

[20]

Scott, J., & Davis, R. (2013, October). Physink: sketching physical behavior. ACM UIST adjunct. 9--10.

Digital Library

[21]

Suwa, M., & Tversky, B. (2002). External representations contribute to the dynamic construction of ideas. Diagrammatic representation and inference. 341--343.

Digital Library

[22]

Tversky, B., Heiser, J., Mackenzie, R., Lozano, S., & Morrison, J. (2008). Enriching animations. Learning with animation, 304--356.

[23]

Vainio, T., Hakkarainen, K., & Levonen, J. (2005). Visualizing complex medical phenomena for medical students. ACM CHI. 1857--1860.

Digital Library

[24]

Victor, B. (2009). Drawing Dynamic Visualizations. CUSE.

[25]

Zhu, B., Iwata, M., Haraguchi, R., Ashihara, T., Umetani, N., Igarashi, T., & Nakazawa, K. (2011). Sketch-based dynamic illustration of fluid systems. ACM Trans. on Graphics, 30(6), 134.

Digital Library

[26]

Zongker, D.E., & Salesin, D. (2003). On creating animated presentations. ACM SIGGRAPH, 298--308.

Digital Library

Cited By

Gunturu AWen YZhang NThundathil JKazi RSuzuki R(2024)Augmented Physics: Creating Interactive and Embedded Physics Simulations from Static Textbook DiagramsProceedings of the 37th Annual ACM Symposium on User Interface Software and Technology10.1145/3654777.3676392(1-12)Online publication date: 13-Oct-2024
https://dl.acm.org/doi/10.1145/3654777.3676392
Rosenberg KKazi RWei LXia HPerlin K(2024)DrawTalking: Building Interactive Worlds by Sketching and SpeakingProceedings of the 37th Annual ACM Symposium on User Interface Software and Technology10.1145/3654777.3676334(1-25)Online publication date: 13-Oct-2024
https://dl.acm.org/doi/10.1145/3654777.3676334
Nghiem CBousseau ASypesteyn MHoftijzer JTsandilas T(2024)Sketch Presentation for Product DesignProceedings of the 35th International Francophone Conference on Human-Computer Interaction10.1145/3650104.3652907(1-4)Online publication date: 25-Mar-2024
https://dl.acm.org/doi/10.1145/3650104.3652907
Show More Cited By

Index Terms

Kitty: sketching dynamic and interactive illustrations
1. Human-centered computing
  1. Human computer interaction (HCI)
    1. Interaction paradigms
      1. Graphical user interfaces

Recommendations

Energy-Brushes: Interactive Tools for Illustrating Stylized Elemental Dynamics
UIST '16: Proceedings of the 29th Annual Symposium on User Interface Software and Technology

Dynamic effects such as waves, splashes, fire, smoke, and explosions are an integral part of stylized animations. However, such dynamics are challenging to produce, as manually sketching key-frames requires significant effort and artistic expertise ...
Reconstruction of Scene from Multiple Sketches
UIST '16 Adjunct: Adjunct Proceedings of the 29th Annual ACM Symposium on User Interface Software and Technology

This paper discusses the feasibility of extension of expressive style with multiple 3D sketches drawn by a sketching tool that enables its users to draw and paint on 3D structured surfaces. Users of our proposed system take a picture of target objects ...
Sketching user experiences tutorial: stories, strategies, surfaces
ITS '13: Proceedings of the 2013 ACM international conference on Interactive tabletops and surfaces

Paper-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 -- ...

Comments

Please enable JavaScript to view thecomments powered by Disqus.

Information & Contributors

Information

Published In

cover image ACM Conferences

UIST '14: Proceedings of the 27th annual ACM symposium on User interface software and technology

October 2014

722 pages

ISBN:9781450330695

DOI:10.1145/2642918

General Chair:
Hrvoje Benko
Microsoft Research, USA
,
Program Chairs:
Mira Dontcheva
Adobe, USA
,
Daniel Wigdor
University of Toronto, Canada

Copyright © 2014 ACM.

Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

Sponsors

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 05 October 2014

Permissions

Request permissions for this article.

Request Permissions

Check for updates

Author Tags

Qualifiers

Research-article

Conference

UIST '14

Sponsor:

UIST '14: The 27th Annual ACM Symposium on User Interface Software and Technology

October 5 - 8, 2014

Hawaii, Honolulu, USA

Acceptance Rates

UIST '14 Paper Acceptance Rate 74 of 333 submissions, 22%;

Overall Acceptance Rate 561 of 2,567 submissions, 22%

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

84
Total Citations
View Citations
1,201
Total Downloads

Downloads (Last 12 months)91
Downloads (Last 6 weeks)9

Reflects downloads up to 14 Jan 2025

Other Metrics

View Author Metrics

Citations

Cited By

Gunturu AWen YZhang NThundathil JKazi RSuzuki R(2024)Augmented Physics: Creating Interactive and Embedded Physics Simulations from Static Textbook DiagramsProceedings of the 37th Annual ACM Symposium on User Interface Software and Technology10.1145/3654777.3676392(1-12)Online publication date: 13-Oct-2024
https://dl.acm.org/doi/10.1145/3654777.3676392
Rosenberg KKazi RWei LXia HPerlin K(2024)DrawTalking: Building Interactive Worlds by Sketching and SpeakingProceedings of the 37th Annual ACM Symposium on User Interface Software and Technology10.1145/3654777.3676334(1-25)Online publication date: 13-Oct-2024
https://dl.acm.org/doi/10.1145/3654777.3676334
Nghiem CBousseau ASypesteyn MHoftijzer JTsandilas T(2024)Sketch Presentation for Product DesignProceedings of the 35th International Francophone Conference on Human-Computer Interaction10.1145/3650104.3652907(1-4)Online publication date: 25-Mar-2024
https://dl.acm.org/doi/10.1145/3650104.3652907
Rosenberg KKazi RWei LXia HPerlin K(2024)DrawTalking: Towards Building Interactive Worlds by Sketching and SpeakingExtended Abstracts of the CHI Conference on Human Factors in Computing Systems10.1145/3613905.3651089(1-8)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613905.3651089
Shi XWang YWang YZhao J(2024)Piet: Facilitating Color Authoring for Motion Graphics VideoProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642711(1-17)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642711
Kato JHara KHirasawa N(2024)Griffith: A Storyboarding Tool Designed with Japanese Animation ProfessionalsProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642121(1-14)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642121
Rai GGupta SSharma OKry PCani MSkouras MWang H(2024)SketchAnim: Real-Time Sketch Animation Transfer from VideosProceedings of the ACM SIGGRAPH/Eurographics Symposium on Computer Animation10.1111/cgf.15176(1-11)Online publication date: 21-Aug-2024
https://dl.acm.org/doi/10.1111/cgf.15176
Chen MPeljhan MSra M(2024)ConnectVR: A Trigger-Action Interface for Creating Agent-based Interactive VR Stories2024 IEEE Conference Virtual Reality and 3D User Interfaces (VR)10.1109/VR58804.2024.00051(286-297)Online publication date: 16-Mar-2024
https://doi.org/10.1109/VR58804.2024.00051
Ying EXiong TZhu GQiu MQin YGuo S(2024)WristSketcher: Creating 2D Dynamic Sketches in AR With a Sensing WristbandInternational Journal of Human–Computer Interaction10.1080/10447318.2024.2301857(1-17)Online publication date: 22-Jan-2024
https://doi.org/10.1080/10447318.2024.2301857
Olivier PButler TGuehl PColl JChabrier RMemari PCani M(2024)DynBioSketchComputers and Graphics10.1016/j.cag.2024.103956122:COnline publication date: 1-Aug-2024
https://dl.acm.org/doi/10.1016/j.cag.2024.103956
Show More Cited By

View Options

Login options

Check if you have access through your login credentials or your institution to get full access on this article.

Full Access

Get this Publication

View options

PDF

View or Download as a PDF file.

eReader

View online with eReader.

Media

Figures

Other

Tables

View Table of Contents