Controlling The Structure Of Animated Documents

• US 20130132818A1
• Filed: 06/03/2011
• Published: 05/23/2013
• Est. Priority Date: 06/03/2011
• Status: Active Grant

• Current Assignee: Adobe Inc.
• Original Assignee: Joaquin Cruz Jr. Blas
• Inventors: Anders, Mark, Doubek, James W., Blas, Joaquin Cruz Jr., Hatwich, Joshua
• Granted Patent: US 9,773,336 B2
• Time in Patent Office: Days
• US Class Current: 715/234
• CPC Class Codes: G06F 40/109 Font handling; Temporal or kinetic typography
• CPC Class Codes: G06T 13/00 Animation

Abstract

Methods and systems for controlling the structure of animated documents are disclosed. In some embodiments, a method includes displaying, via a graphical user interface, a representation of a document, where the document includes a programmatic component configured to create an animation by manipulating a structure of the document, a static structure of the document corresponds to the structure of the document when the animation is not performed, and the animation, upon execution, is rendered starting from an original base state that at least partially defines the static structure. The method also includes, in response to receiving a selection corresponding to a state of the animation, designating the selected state as a new base state, wherein the new base state is different from the original base state. The method further includes altering the static structure of the document to correspond to the new base state.

Claims

1. A system, comprising:

at least one processor; and

a memory coupled to the at least one processor, wherein the memory stores program instructions, and wherein the program instructions are executable by the at least one processor to;

display, via a graphical user interface, a representation of a document, wherein the document includes a programmatic component configured to create an animation by manipulating a structure of the document, wherein a static structure of the document corresponds to the structure of the document when the animation is not performed, and wherein the animation, upon execution, is rendered starting from an original base state that at least partially defines the static structure;

in response to receiving a selection corresponding to a state of the animation, designate the selected state as a new base state, wherein the new base state is different from the original base state; and

alter the static structure of the document to correspond to the new base state.

2. The system of claim 1, wherein the document includes a HyperText Markup Language (HTML) document and wherein the command includes a JavaScript command.

3. The system of claim 1, wherein the structure of the document includes at least one of a text, a font size, a font type, a position, or a color.

4. The system of claim 1, wherein the selection is received via at least one of a timeline, a storyboard, a flowchart, or an event list.

5. The system of claim 1, wherein the new base state corresponds to a point in time during the animation when an animation effect is complete.

6. The system of claim 1, wherein the new base state corresponds to a point in time during presentation of an animation effect within the animation.

7. A system of claim 1, wherein the program instructions are further executable by the at least one processor to:

in response to detecting editing of a portion of the animation corresponding to the new base state, provide a visual cue via the graphical user interface that the editing affects the static structure of the document; and

in response to detecting editing of another portion of the animation not corresponding to the new base state, provide a visual cue via the graphical user interface that the editing affects the animation.

8. A method, comprising:

performing, by one or more computing devices;

receiving a request to create a document, wherein the document includes a programmatic component configured to render an animation by manipulating a structure of the document; and

enabling selection of one of a plurality of possible base states to at least partially define the static structure of the document.

9. The method of claim 8, wherein the document includes a HyperText Markup Language (HTML) document and wherein the command includes a JavaScript command.

10. The method of claim 8, wherein the structure of the document includes at least one of a text, a font size, a font type, a position, or a color.

11. The method of claim 8, wherein enabling selection of the one of the plurality of possible base states comprises enabling selection via at least one of a timeline, a storyboard, a flowchart, or an event list.

12. The method of claim 8, further comprising:

performing, by the one or more computing devices,

in response to detecting editing of a portion of the animation corresponding to the one of the plurality of possible base states, providing a cue via a graphical user interface that the editing affects a static structure of the document, wherein the static structure of the document corresponds to the structure of the document when the animation is not performed.

13. The method of claim 8, further comprising:

performing, by the one or more computing devices,

in response to detecting editing of a portion of the animation not corresponding to the one of the plurality of possible base states, providing a visual cue via the graphical user interface that the editing affects the animation.

14. A computer-readable storage medium having program instructions stored thereon that, upon execution by a computer system, cause the computer system to:

identify a document, wherein the document includes a programmatic component configured to create an animation by manipulating a structure of the document, wherein a static structure of the document corresponds to the structure of the document when the animation is not performed, and wherein the animation, upon execution, is rendered starting from a given state that at least partially defines the static structure;

receive a selection of a new state of the animation, wherein the new state is different from the given state; and

modify the programmatic component of the document to cause the same animation to be rendered, upon execution, beginning at the new state.

15. The computer-readable storage medium of claim 14, wherein the document includes a HyperText Markup Language (HTML) document and wherein the command includes a JavaScript command.

16. The computer-readable storage medium of claim 14, wherein the selection is received via at least one of a timeline, a storyboard, a flowchart, or an event list.

17. The computer-readable storage medium of claim 14, wherein the new state corresponds to a point in time during the animation when an animation effect is in progress.

18. The computer-readable storage medium of claim 14, wherein the new state corresponds to a point in time during the animation when an animation effect is complete.

19. The computer-readable storage medium of claim 14, wherein the program instructions, upon execution by the computer system, further cause the computer system to provide an indication that an editing command affects the static structure of the document in response to detecting that the editing command modifies the new state.

20. The computer-readable storage medium of claim 14, wherein the program instructions, upon execution by the computer system, further cause the computer system to provide an indication that an editing command affects the animation in response to detecting that the editing command does not modify the new state.