# US 2023/0410401 A1 · Systems and methods for creating digital animations > Agents: this data is available as JSON from the patentgrep API and MCP server — see https://patentgrep.com/llms.txt - Number: US 2023/0410401 A1 - Document ID: US20230410401A1 - Status: Published application - Kind: A1 - Application number: 18/211,211 - Filed: 2023-06-16 - Published: 2023-12-21 - Earliest claimed: 2022-06-21 - Assignees: Canva Pty Ltd - Applicants: Canva Pty Ltd - Inventors: Stephen Richard MUDRA; Liam Brodie RAYNER; Mathew James Paul MANNING; Melanie Joy Perkins; Jane Maree ABERNETHY; Elijah Alexander Sheppard; Joan Dyquiangco MAGNO; Jessica Faccin - Web page: https://patentgrep.com/patent/US20230410401A1 ## CPC - G06T 13/80: Two-dimensional [2D] animation, e.g. using sprites - G06T 11/23: using straight lines or curves - G06T: IMAGE DATA PROCESSING OR GENERATION, IN GENERAL ## Abstract Described herein is a computer implemented method including: displaying a design including a first design element; detecting an initiate record animation event; receiving animation definition input creating an original path between an initial position and a final position, the animation definition input drawing the original path at original traversal speeds; generating animation data based on the animation definition input, the animation data including data that allows both the original path and the original traversal speeds to be reproduced; and associating the animation data with the first design element. ## Claims ### Claim 1 A computer implemented method comprising: displaying a design including a first design element; detecting an initiate record animation event; receiving animation definition input creating an original path between an initial position and a final position, the animation definition input drawing the original path at original traversal speeds; generating animation data based on the animation definition input, the animation data including data that allows both the original path and the original traversal speeds to be reproduced; processing the animation data to generate reduced animation data, the reduced animation data including data that substantially allows the original path and the original traversal speeds to be reproduced; and associating the reduced animation data with the first design element. ### Claim 2 (depends on 1) The computer implemented method of claim 1, further comprising: detecting a replay animation event; and in response to detecting the replay animation event, using the reduced animation data to automatically display the first design element moving along a path that is based on the original path at replay speeds that are based on the original traversal speeds. ### Claim 3 (depends on 1) The computer implemented method of claim 1, further comprising: detecting an export design event; and in response to detecting the export design event, exporting the design to a video format by using the reduced animation data to render the first design element moving along a path that is based on the original path at replay speeds that are based on the original traversal speeds. ### Claim 4 (depends on 2) The computer implemented method of claim 2, wherein the replay speeds are the original traversal speeds. ### Claim 5 (depends on 2) The computer implemented method of claim 2, wherein the replay speeds are proportional to the original traversal speeds. ### Claim 6 (depends on 1) The computer implemented method of claim 1, wherein the animation definition input includes user input that draws the original path using the first design element. ### Claim 7 (depends on 1) The computer implemented method of claim 1, wherein generating the animation data includes recording a set of animation data points, each animation data point being associated with a spatial position and a time. ### Claim 8 (depends on 7) The computer implemented method of claim 7, wherein generating the animation data includes sampling the animation definition input at a plurality of sample times over the course of the animation definition input and generating an animation data point corresponding to each sample point. ### Claim 9 (depends on 7) The computer implemented method of claim 7, wherein processing the animation data to generate the reduced animation data includes: calculating a spatial distance between temporally adjacent animation data points in the animation data; determining whether the spatial distance is less than a distance threshold; and in response to determining that the spatial distance is less than the distance threshold, generating the reduced animation data by deleting the latter of the two temporally adjacent animation data points from the animation data. ### Claim 10 (depends on 1) The computer implemented method of claim 1, wherein: processing the animation data to generate the reduced animation data includes processing the animation data to generate a vector graphic corresponding to the original path; and associating the reduced animation data with the first design element includes associating the vector graphic with the with the first design element. ### Claim 11 (depends on 10) The computer implemented method of claim 10, wherein: processing the animation data to generate the reduced animation data includes processing the animation data to generate timing data, the timing data usable with the vector graphic to substantially allow the original path and the original traversal speeds to be reproduced; and associating the reduced animation data with the first design element includes associating the timing data with the with the first design element. ### Claim 12 A computer processing system comprising: a processing unit; a display; one or more user input devices; and a non-transitory computer-readable storage medium storing instructions, which when executed by the processing unit, cause the processing unit to perform a method comprising: displaying, on the display, a design including a first design element; detecting an initiate record animation event; receiving, via the one or more user input devices, animation definition input creating an original path between an initial position and a final position, the animation definition input drawing the original path at original traversal speeds; generating animation data based on the animation definition input, the animation data including data that allows both the original path and the original traversal speeds to be reproduced; processing the animation data to generate reduced animation data, the reduced animation data including data that substantially allows the original path and the original traversal speeds to be reproduced; and associating the reduced animation data with the first design element. ### Claim 13 (depends on 12) The computer processing system of claim 12, wherein the method further comprises: detecting a replay animation event; and in response to detecting the replay animation event, using the reduced animation data to automatically display the first design element moving along a path that is based on the original path at replay speeds that are based on the original traversal speeds. ### Claim 14 (depends on 12) The computer processing system of claim 12, wherein the animation definition input includes user input that draws the original path using the first design element. ### Claim 15 (depends on 12) The computer processing system of claim 12, wherein generating the animation data includes recording a set of animation data points, each animation data point being associated with a spatial position and a time. ### Claim 16 (depends on 15) The computer processing system of claim 15, wherein generating the animation data includes sampling the animation definition input at a plurality of sample times over the course of the animation definition input and generating an animation data point corresponding to each sample point. ### Claim 17 (depends on 15) The computer processing system of claim 15, wherein processing the animation data to generate the reduced animation data includes: calculating a spatial distance between temporally adjacent animation data points in the animation data; determining whether the spatial distance is less than a distance threshold; and in response to determining that the spatial distance is less than the distance threshold, generating the reduced animation data by deleting the latter of the two temporally adjacent animation data points from the animation data. ### Claim 18 (depends on 12) The computer processing system of claim 12, wherein: processing the animation data to generate the reduced animation data includes processing the animation data to generate a vector graphic corresponding to the original path; and associating the reduced animation data with the first design element includes associating the vector graphic with the with the first design element. ### Claim 19 (depends on 12) The computer processing system of claim 12, wherein: processing the animation data to generate the reduced animation data includes processing the animation data to generate timing data, the timing data usable with the vector graphic to substantially allow the original path and the original traversal speeds to be reproduced; and associating the reduced animation data with the first design element includes associating the timing data with the with the first design element. ### Claim 20 A non-transitory storage medium storing instructions executable by processing unit to cause the processing unit to perform a method comprising: displaying a design including a first design element; detecting an initiate record animation event; receiving animation definition input creating an original path between an initial position and a final position, the animation definition input drawing the original path at original traversal speeds; generating animation data based on the animation definition input, the animation data including data that allows both the original path and the original traversal speeds to be reproduced; processing the animation data to generate reduced animation data, the reduced animation data including data that substantially allows the original path and the original traversal speeds to be reproduced; and associating the reduced animation data with the first design element.