ANIMATION EDITING

摘要

An animation can be selected. Pieces of the documents that pertain to the selected animation can be extracted from the document closure for the web page in which the animation appears. A composite data structure can be created therefrom. The winning set of @keyframes rules referenced by the animation-name property of a style rule (the virtual winning rule) can be computed and represented in a data structure. The winning animation properties can establish the timing properties to preview and edit the animation in a user interface without running the whole application. The data structure represented in the visual preview can be edited by applying user gestures to the animation displayed in a preview user interface (UI). The user changes can be mapped to changes to property values in the data structure and the underlying documents.

主权项

1. A system comprising:
at least one processor of a computing device; a memory of the computing device; and an animation development tool comprising at least one program module loaded into the memory causing the at least one processor to:
receive a document closure for a web page of an application, the web page including an animation;generate a data structure representing the animation;preview the animation in the animation development tool without running the application; andconvert user gestures manipulating properties of the animation to changes to the data structure.