--- key: mechanic/drawing--family-g17 type: mechanic id: drawing--family-g17 lang: en title: 'Animation, sound and timing' summary: Strokes indicate changes in an image or process over time. updatedAt: '2026-10-22' status: active url: 'https://gamemechanics.pro/en/knowledge/mechanic/drawing--family-g17/' jsonUrl: >- https://gamemechanics.pro/api/v1/knowledge/en/mechanic/drawing--family-g17.json markdownUrl: 'https://gamemechanics.pro/content/knowledge/en/mechanic/drawing--family-g17.md' aliases: - 'Animation, sound and time' tags: - Drawing - Mechanics catalog sourceIds: - source-a30cb9dd6c6d1f2b - source-f4db5f428d336e6c sources: - id: source-a30cb9dd6c6d1f2b title: 'Drawful: Animate' url: 'https://www.jackboxgames.com/games/drawful-animate' verifiedAt: null - id: source-f4db5f428d336e6c title: Krita url: 'https://docs.krita.org/en/user_manual/animation.html' verifiedAt: null relations: [] placements: - catalogId: drawing id: family-g17 title: Drawing url: 'https://gamemechanics.pro/en/mechanics/drawing/#family-g17' categoryIds: - section-1 supersededBy: [] attributes: preview: updatedAt: '2026-10-22' title: 'Animation, sound and time' description: Strokes indicate changes in an image or process over time. image: src: images/mechanics/learning-krita-onion-skin.webp width: 853 height: 654 game: Krita sourceUrl: 'https://docs.krita.org/en/user_manual/animation.html' originalUrl: 'https://docs.krita.org/en/_images/Introduction_to_animation_10.png' credit: Krita documentation contributors rights: >- Krita documentation contributors. GNU Free Documentation License 1.3 or later. License: krita-documentation-license.txt; source: https://docs.krita.org/en/user_manual/animation.html . Converted to WebP without content changes. Excluded from portal MIT and CC BY 4.0. caption: 'Krita: neighboring poses shown through onion skinning' alt: 'Krita: neighboring poses shown through onion skinning' markers: - x: 48 'y': 50 label: Colored outlines show neighboring drawing poses tips: - Allow comparison of neighboring states and preview through playback. examples: - title: Krita url: 'https://docs.krita.org/en/user_manual/animation.html' endsAt: null provenance: >- Original editorial design catalog consolidated from project discussions on 2026-10-20. Complete discussion item lists and contextual limitations are preserved; linked primary sources support specific techniques, not the entire classification. English translation was prepared with machine assistance and editorial review. license: CC-BY-4.0 codeLicense: MIT attribution: gamemechanics.pro contributors catalogKey: catalog/drawing --- # Animation, sound and timing id: drawing--family-g17 type: mechanic key: mechanic/drawing--family-g17 lang: en status: active url: https://gamemechanics.pro/en/knowledge/mechanic/drawing--family-g17/ Strokes indicate changes in an image or process over time. ## At a glance ![Krita: neighboring poses shown through onion skinning](https://gamemechanics.pro/images/mechanics/learning-krita-onion-skin.webp) [Krita](https://docs.krita.org/en/user_manual/animation.html) · Krita documentation contributors. GNU Free Documentation License 1.3 or later. License: krita-documentation-license.txt; source: https://docs.krita.org/en/user_manual/animation.html . Converted to WebP without content changes. Excluded from portal MIT and CC BY 4.0. 1. Colored outlines show neighboring drawing poses - Allow comparison of neighboring states and preview through playback. - [Krita](https://docs.krita.org/en/user_manual/animation.html) ## How it works Strokes indicate changes in an image or process over time. ## Variants ### Variants and applications - Stop-motion animation. Rule: Draw a sequence of frames and obtain perceived movement. Criterion: Coherence of movement. Example status: With example. - Looping animation. Rule: Create frames that form a repeating cycle. Criterion: Integrity of the cycle. Example status: With example. - Finishing the next frame. Rule: Continue movement along the previous frame, maintaining the recognition of the object. Criterion: Continuity. Example status: Design pattern. - Morphing the picture. Rule: Draw states and transitions that transform one image into another. Criterion: Transformation. Example status: Design pattern. - Drawing a musical phrase. Rule: Set the height, duration or volume of the sound by the position and shape of the stroke. Criterion: Sound result. Example status: Design pattern. - Drawing the score of events. Rule: Arrange strokes on the timeline, defining the moments of game actions. Criterion: Sequence of events. Example status: Design pattern. - Drawing as a reproducible program. Rule: Create a system of strokes and signs that sets the rules for an automatically executed process. Criterion: Program behavior. Example status: Design pattern. ## Context and limits The author's working classification of mechanics in which the player creates or changes an image, line, outline or stroke, and the game uses the result. Does not claim to be a closed universal list. Catalog unit: player action, drawing interpretation and result. Related options are separated when the rule or outcome criterion changes. A design pattern means that the specific game example in that directory is untested; This is not a statement about the primacy, prevalence or absence of such games. ## Connected materials ## Sources and provenance Original editorial design catalog consolidated from project discussions on 2026-10-20. Complete discussion item lists and contextual limitations are preserved; linked primary sources support specific techniques, not the entire classification. English translation was prepared with machine assistance and editorial review. - [Drawful: Animate](https://www.jackboxgames.com/games/drawful-animate) (id: source-a30cb9dd6c6d1f2b) - [Krita](https://docs.krita.org/en/user_manual/animation.html) (id: source-f4db5f428d336e6c) CC-BY-4.0 · gamemechanics.pro contributors