skip to main content
10.1145/3491102.3501894acmconferencesArticle/Chapter ViewAbstractPublication PageschiConference Proceedingsconference-collections
research-article
Open access

A Layered Authoring Tool for Stylized 3D animations

Published: 29 April 2022 Publication History

Abstract

Guided by the 12 principles of animation, stylization is a core 2D animation feature but has been utilized mainly by experienced animators. Although there are tools for stylizing 2D animations, creating stylized 3D animations remains a challenging problem due to the additional spatial dimension and the need for responsive actions like contact and collision. We propose a system that helps users create stylized casual 3D animations. A layered authoring interface is employed to balance between ease of use and expressiveness. Our surface level UI is a timeline sequencer that lets users add preset stylization effects such as squash and stretch and follow through to plain motions. Users can adjust spatial and temporal parameters to fine-tune these stylizations. These edits are propagated to our node-graph-based second level UI, in which the users can create custom stylizations after they are comfortable with the surface level UI. Our system also enables the stylization of interactions among multiple objects like force, energy, and collision. A pilot user study has shown that our fluid layered UI design allows for both ease of use and expressiveness better than existing tools.

Supplementary Material

Supplemental Materials (3491102.3501894-supplemental-materials.zip)
Supplementary materials for CHI '22 publication pn1714 (), uploaded by proceedings chairs' (pn1714.zip)
MP4 File (3491102.3501894-video-figure.mp4)
Video Figure
MP4 File (3491102.3501894-video-preview.mp4)
Video Preview
MP4 File (3491102.3501894-talk-video.mp4)
Talk Video
MP4 File (pn1714.mp4)
Supplementary materials for CHI '22 publication pn1714 (), uploaded by proceedings chairs'

References

[1]
Adobe. 2020. PhysicsWhiz | Adobe MAX Sneaks 2020. https://youtu.be/rutAGoBZtew
[2]
Adobe. 2021. Aero. https://www.adobe.com/products/aero.html
[3]
Adobe. 2021. After Effects. https://www.adobe.com/products/aftereffects.html
[4]
Adobe. 2021. XD. https://www.adobe.com/products/xd.html
[5]
Rahul Arora, Rubaiat Habib Kazi, Danny M. Kaufman, Wilmot Li, and Karan Singh. 2019. MagicalHands: Mid-Air Hand Gestures for Animating in VR. In Proceedings of the 32nd Annual ACM Symposium on User Interface Software and Technology (New Orleans, LA, USA) (UIST ’19). Association for Computing Machinery, New York, NY, USA, 463–477. https://doi.org/10.1145/3332165.3347942
[6]
Autodesk. 2021. Arnold. https://www.arnoldrenderer.com/
[7]
Autodesk. 2021. Maya. https://www.autodesk.com/products/maya/overview
[8]
Yunfei Bai, Danny M. Kaufman, C. Karen Liu, and Jovan Popović. 2016. Artist-Directed Dynamics for 2D Animation. ACM Trans. Graph. 35, 4, Article 145 (jul 2016), 10 pages. https://doi.org/10.1145/2897824.2925884
[9]
Ronen Barzel, John F. Hughes, and Daniel N. Wood. 1996. Plausible Motion Simulation for Computer Graphics Animation. In Proceedings of the Eurographics Workshop on Computer Animation and Simulation ’96 (Poitiers, France). Springer-Verlag, Berlin, Heidelberg, 183–197.
[10]
Andy Beane. 2012. 3D Animation Essentials. John Wiley & Sons, Inc., Indianapolis, IN.
[11]
Miklós Bergou, Saurabh Mathur, Max Wardetzky, and Eitan Grinspun. 2007. TRACKS: Toward Directable Thin Shells. ACM Trans. Graph. 26, 3 (jul 2007), 50–es. https://doi.org/10.1145/1276377.1276439
[12]
Jonathan Blow. 2004. Game Development: Harder Than You Think: Ten or Twenty Years Ago It Was All Fun and Games. Now It’s Blood, Sweat, and Code.Queue 1, 10 (feb 2004), 28–37. https://doi.org/10.1145/971564.971590
[13]
Thor Brigsted. 2021. xNode. https://github.com/Siccity/xNode
[14]
Xiang Cao. 2018. Wonder Painter: Turn Anything into Animation. In ACM SIGGRAPH 2018 Real-Time Live! (Vancouver, British Columbia, Canada) (SIGGRAPH ’18). Association for Computing Machinery, New York, NY, USA, Article 10, 1 pages. https://doi.org/10.1145/3229227.3229228
[15]
Cascadeur Research. 2020. Physics In Animation. https://80.lv/articles/cascadeur-research-physics-in-animation
[16]
Stelian Coros, Sebastian Martin, Bernhard Thomaszewski, Christian Schumacher, Robert Sumner, and Markus Gross. 2012. Deformable Objects Alive!ACM Trans. Graph. 31, 4, Article 69 (jul 2012), 9 pages. https://doi.org/10.1145/2185520.2185565
[17]
Derivative. 2021. TouchDesigner. https://derivative.ca/
[18]
Marek Dvorožňák, Daniel Sýkora, Cassidy Curtis, Brian Curless, Olga Sorkine-Hornung, and David Salesin. 2020. Monster Mash: A Single-View Approach to Casual 3D Modeling and Animation. ACM Trans. Graph. 39, 6, Article 214 (nov 2020), 12 pages. https://doi.org/10.1145/3414685.3417805
[19]
Haegwang Eom, Byungkuk Choi, Kyungmin Cho, Sunjin Jung, Seokpyo Hong, and Junyong Noh. 2020. Synthesizing Character Animation with Smoothly Decomposed Motion Layers. In Computer Graphics Forum, Vol. 39. 595–606. https://doi.org/10.1111/cgf.13893
[20]
Kenny Erleben, Jon Sporring, Knud Henriksen, and Henrik Dohlmann. 2005. Physics-based animation. Charles River Media, Hingham, MA, USA.
[21]
Blender Foundation. 2021. Blender. https://www.blender.org/
[22]
Martin Guay, Rémi Ronfard, Michael Gleicher, and Marie-Paule Cani. 2015. Space-Time Sketching of Character Animation. ACM Trans. Graph. 34, 4, Article 118 (jul 2015), 10 pages. https://doi.org/10.1145/2766893
[23]
Thomas Huk, Mattias Steinke, and Christian Floto. 2003. Computer Animations as Learning Objects: What is an Efficient Instructional Design, and for whom?. In Proceedings of the IADIS International Conference WWW/Internet 2003 (Algarve, Portugal) (ICWI ’03). IADIS, 1187–1190. http://www.iadisportal.org/digital-library/computer-animations-as-learning-objects-what-is-an-efficient-instructional-design-and-for-whom
[24]
Khaled Hussein. 2020. Squash - Stretch Maker for Maya. https://khaledhussein.gumroad.com/l/AuyUu
[25]
Jennifer Jacobs, Joel Brandt, Radomír Mech, and Mitchel Resnick. 2018. Extending Manual Drawing Practices with Artist-Centric Programming Tools. Association for Computing Machinery, New York, NY, USA, 1–13. https://doi.org/10.1145/3173574.3174164
[26]
Jaewoong Jeon, Hyunho Jang, Soon-Bum Lim, and Yoon-Chul Choy. 2010. A sketch interface to empower novices to create 3D animations. Computer Animation and Virtual Worlds 21, 3-4 (2010), 423–432. https://doi.org/10.1002/cav.353 arXiv:https://onlinelibrary.wiley.com/doi/pdf/10.1002/cav.353
[27]
Ming Jin, Dan Gopstein, Yotam Gingold, and Andrew Nealen. 2015. AniMesh: Interleaved Animation, Modeling, and Editing. ACM Trans. Graph. 34, 6, Article 207 (oct 2015), 8 pages. https://doi.org/10.1145/2816795.2818114
[28]
Ben Jones, Jovan Popovic, James McCann, Wilmot Li, and Adam Bargteil. 2015. Dynamic Sprites: Artistic Authoring of Interactive Animations. Comput. Animat. Virtual Worlds 26, 2 (mar 2015), 97–108. https://doi.org/10.1002/cav.1608
[29]
Benjamin James Jones. 2015. Artist-guided Physics-based Animation. Ph.D. Dissertation. Salt Lake City, UT, USA. Advisor(s) Bargteil, Adam Wade.
[30]
Rubaiat Habib Kazi, Fanny Chevalier, Tovi Grossman, and George Fitzmaurice. 2014. Kitty: Sketching Dynamic and Interactive Illustrations. In Proceedings of the 27th Annual ACM Symposium on User Interface Software and Technology (Honolulu, Hawaii, USA) (UIST ’14). Association for Computing Machinery, New York, NY, USA, 395–405. https://doi.org/10.1145/2642918.2647375
[31]
Rubaiat Habib Kazi, Fanny Chevalier, Tovi Grossman, Shengdong Zhao, and George Fitzmaurice. 2014. Draco: Bringing Life to Illustrations with Kinetic Textures. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (Toronto, Ontario, Canada) (CHI ’14). Association for Computing Machinery, New York, NY, USA, 351–360. https://doi.org/10.1145/2556288.2556987
[32]
Rubaiat Habib Kazi, Tovi Grossman, Cory Mogk, Ryan Schmidt, and George Fitzmaurice. 2016. ChronoFab: Fabricating Motion. Association for Computing Machinery, New York, NY, USA, 908–918. https://doi.org/10.1145/2858036.2858138
[33]
Rubaiat Habib Kazi, Tovi Grossman, Nobuyuki Umetani, and George Fitzmaurice. 2016. Motion Amplifiers: Sketching Dynamic Illustrations Using the Principles of 2D Animation. In Proceedings of the 2016 CHI Conference on Human Factors in Computing Systems (San Jose, California, USA) (CHI ’16). Association for Computing Machinery, New York, NY, USA, 4599–4609. https://doi.org/10.1145/2858036.2858386
[34]
John Lasseter. 1987. Principles of Traditional Animation Applied to 3D Computer Animation. In Proceedings of the 14th Annual Conference on Computer Graphics and Interactive Techniques(SIGGRAPH ’87). Association for Computing Machinery, New York, NY, USA, 35–44. https://doi.org/10.1145/37401.37407
[35]
Germán Leiva, Jens Emil Grønbæk, Clemens Nylandsted Klokmose, Cuong Nguyen, Rubaiat Habib Kazi, and Paul Asente. 2021. Rapido: Prototyping Interactive AR Experiences through Programming by Demonstration. Association for Computing Machinery, New York, NY, USA, 626–637. https://doi.org/10.1145/3472749.3474774
[36]
Long Bunny Labs. 2017. Squash & Stretch Kit - Effect Component for Unity. https://youtu.be/RjFjx_sC_XM
[37]
Jacques Lucke. 2021. Animation Nodes for Blender. https://animation-nodes.com/
[38]
Luxion. 2021. KeyShot. https://www.keyshot.com/
[39]
Maxon. 2021. Cinema 4D. https://www.maxon.net/en/cinema-4d
[40]
Microsoft. 2021. PowerPoint. https://www.microsoft.com/en-us/microsoft-365/powerpoint
[41]
Matthew Moore and Jane Wilhelms. 1988. Collision Detection and Response for Computer Animation. (1988), 289–298. https://doi.org/10.1145/54852.378528
[42]
Brad A. Myers. 1990. Taxonomies of Visual Programming and Program Visualization. J. Vis. Lang. Comput. 1, 1 (mar 1990), 97–123. https://doi.org/10.1016/S1045-926X(05)80036-9
[43]
New Frame Plus. 2020. The 12 Principles of Animation in Games. https://www.youtube.com/playlist?list=PLugegG07di3886WYN6u7v9BeBd0VFG3_J
[44]
OTOY. 2021. OctaneRender. https://home.otoy.com/render/octane-render/
[45]
Mengqi Peng, Jun Xing, and Li-Yi Wei. 2018. Autocomplete 3D Sculpting. ACM Trans. Graph. 37, 4, Article 132 (jul 2018), 15 pages. https://doi.org/10.1145/3197517.3201297
[46]
Nazmus Saquib, Rubaiat Habib Kazi, Li-Yi Wei, and Wilmot Li. 2019. Interactive Body-Driven Graphics for Augmented Video Performance. Association for Computing Machinery, New York, NY, USA, 1–12. https://doi.org/10.1145/3290605.3300852
[47]
Johannes Schmid, Robert W. Sumner, Huw Bowles, and Markus Gross. 2010. Programmable Motion Effects., Article 57 (2010), 9 pages. https://doi.org/10.1145/1833349.1778794
[48]
Francis Schmidt, Jim Jagger, Jim McCambell, and Craig Slagel. 2004. 3D Animation: Difficult or Impossible to Teach and Learn?. In ACM SIGGRAPH 2004 Panels (Los Angeles, California) (SIGGRAPH ’04). Association for Computing Machinery, New York, NY, USA, 3. https://doi.org/10.1145/1186554.1186557
[49]
Thomas W. Sederberg and Scott R. Parry. 1986. Free-Form Deformation of Solid Geometric Models. In Proceedings of the 13th Annual Conference on Computer Graphics and Interactive Techniques(SIGGRAPH ’86). Association for Computing Machinery, New York, NY, USA, 151–160. https://doi.org/10.1145/15922.15903
[50]
Ben Shneiderman. 2007. Creativity Support Tools: Accelerating Discovery and Innovation. Commun. ACM 50, 12 (dec 2007), 20–32. https://doi.org/10.1145/1323688.1323689
[51]
Side Effects Software. 2021. Houdini. https://www.sidefx.com/products/houdini
[52]
Tiago Boldt Sousa. 2012. Dataflow programming concept, languages and applications. In Doctoral Symposium on Informatics Engineering, Vol. 130.
[53]
Unity Technologies. 2021. Unity. https://unity.com/
[54]
Unity Technologies. 2021. Unity Timeline. https://unity.com/features/timeline
[55]
Frank Thomas and Ollie Johnston. 1995. The Illusion of Life: Disney Animation. Disney Editions, New York, NY, USA.
[56]
John Thompson, Zhicheng Liu, Wilmot Li, and John Stasko. 2020. Understanding the Design Space and Authoring Paradigms for Animated Data Graphics. Computer Graphics Forum 39, 3 (2020), 207–218. https://doi.org/10.1111/cgf.13974 arXiv:https://onlinelibrary.wiley.com/doi/pdf/10.1111/cgf.13974
[57]
Anh Truong, Peggy Chi, David Salesin, Irfan Essa, and Maneesh Agrawala. 2021. Automatic Generation of Two-Level Hierarchical Tutorials from Instructional Makeup Videos. In Proceedings of the 2021 CHI Conference on Human Factors in Computing Systems (Yokohama, Japan) (CHI ’21). Association for Computing Machinery, New York, NY, USA, Article 108, 16 pages. https://doi.org/10.1145/3411764.3445721
[58]
Jue Wang, Steven M. Drucker, Maneesh Agrawala, and Michael F. Cohen. 2006. The Cartoon Animation Filter. ACM Trans. Graph. 25, 3 (jul 2006), 1169–1173. https://doi.org/10.1145/1141911.1142010
[59]
Chris West. 2021. MegaFiers 2. http://www.west-racing.com/mf/?page_id=2
[60]
Haijun Xia, Bruno Araujo, Tovi Grossman, and Daniel Wigdor. 2016. Object-Oriented Drawing. In Proceedings of the 2016 CHI Conference on Human Factors in Computing Systems (San Jose, California, USA) (CHI ’16). Association for Computing Machinery, New York, NY, USA, 4610–4621. https://doi.org/10.1145/2858036.2858075
[61]
Lei Zhang and Steve Oney. 2020. FlowMatic: An Immersive Authoring Tool for Creating Interactive Scenes in Virtual Reality. Association for Computing Machinery, New York, NY, USA, 342–353. https://doi.org/10.1145/3379337.3415824

Cited By

View all

Recommendations

Comments

Information & Contributors

Information

Published In

cover image ACM Conferences
CHI '22: Proceedings of the 2022 CHI Conference on Human Factors in Computing Systems
April 2022
10459 pages
ISBN:9781450391573
DOI:10.1145/3491102
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 the author(s) 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: 29 April 2022

Permissions

Request permissions for this article.

Check for updates

Badges

  • Honorable Mention

Author Tags

  1. 3D
  2. animation
  3. stylization

Qualifiers

  • Research-article
  • Research
  • Refereed limited

Conference

CHI '22
Sponsor:
CHI '22: CHI Conference on Human Factors in Computing Systems
April 29 - May 5, 2022
LA, New Orleans, USA

Acceptance Rates

Overall Acceptance Rate 6,199 of 26,314 submissions, 24%

Upcoming Conference

CHI '25
CHI Conference on Human Factors in Computing Systems
April 26 - May 1, 2025
Yokohama , Japan

Contributors

Other Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

  • Downloads (Last 12 months)671
  • Downloads (Last 6 weeks)108
Reflects downloads up to 07 Nov 2024

Other Metrics

Citations

Cited By

View all

View Options

View options

PDF

View or Download as a PDF file.

PDF

eReader

View online with eReader.

eReader

HTML Format

View this article in HTML Format.

HTML Format

Get Access

Login options

Media

Figures

Other

Tables

Share

Share

Share this Publication link

Share on social media