{"schemaVersion":1,"record":{"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}],"sections":[{"id":"principle","title":"How it works","body":"Strokes indicate changes in an image or process over time."},{"id":"variants","title":"Variants","body":"### Variants and applications\n\n<a id=\"family-g17-variants\"></a>\n\n- Stop-motion animation. Rule: Draw a sequence of frames and obtain perceived movement. Criterion: Coherence of movement. Example status: With example. <a id=\"variant-d139\"></a>\n- Looping animation. Rule: Create frames that form a repeating cycle. Criterion: Integrity of the cycle. Example status: With example. <a id=\"variant-d140\"></a>\n- Finishing the next frame. Rule: Continue movement along the previous frame, maintaining the recognition of the object. Criterion: Continuity. Example status: Design pattern. <a id=\"variant-d141\"></a>\n- Morphing the picture. Rule: Draw states and transitions that transform one image into another. Criterion: Transformation. Example status: Design pattern. <a id=\"variant-d142\"></a>\n- 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. <a id=\"variant-d143\"></a>\n- 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. <a id=\"variant-d144\"></a>\n- 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. <a id=\"variant-d145\"></a>"},{"id":"context","title":"Context and limits","body":"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."}],"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"}}