Value templates in animation timelines

摘要

Methods and systems for animation timelines using value templates are disclosed. In some embodiments, a method includes generating a data structure corresponding to a graphical representation of a timeline and creating an animation of an element along the timeline, where the animation modifies a property of the element according to a function, and where the function uses a combination of a string with a numerical value to render the animation. The method also includes adding a command corresponding to the animation into the data structure, where the command is configured to return the numerical value, and where the data structure includes a value template that produces the combination of the string with the numerical value. The method further includes passing the produced combination of the string with the numerical value to the function and executing the function to animate the element.

主权项

1. A method, comprising:
performing, by one or more computing devices:
generating a data structure corresponding to a graphical representation of a timeline;defining an animation of an element that modifies a property of the element according to a function, the animation defined relative to the timeline, and the function configured to render the animation given a combination of a string with a numerical value;adding a command corresponding to the animation into the data structure, the command configured to return the numerical value, and the data structure including a value template that is parameterized to produce the combination of the string with the numerical value at run-time using the numerical value returned by the command; passing, at multiple stages of the animation of the element, the combination of the string with the numerical value that is produced according to the value template of the data structure to the function, the combination of the string with the numerical value passed for one of the stages being different from the combination of the string with the numerical value passed for at least one other stage; and
executing the function to animate the element as specified by the combination of the string with the numerical value at each of the stages of the animation.