Adobe, Inc.

Joaquin Cruz Blas

Jorge Kent Taylor

James W Doubek

Mark Anders

Joshua Hatwich

Embodiments of the present invention facilitate displaying and animating sectioned content that retains fidelity across desktop and mobile devices. An animation timeline is identified for an article comprising one or more sections. The animation timeline enables the article to appear to a user as a webpage. When a user manipulates the viewport, the animation timeline manages content movement in and out of the viewport. For articles comprising more than one section, an internal timeline may be created for each section and initialized when each article starts to enter the viewport. As articles are loaded into memory, they become visible in the viewport and behaviors may be attached to each section. In this way, memory is preserved and the document can be rendered in full fidelity across any device.

Method for displaying and animating sectioned content that retains fidelity across desktop and mobile devices

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.

Controlling the structure of animated documents

Methods and systems for dynamically splitting content are disclosed. In some embodiments, content may be received that includes one or more elements to be animated. It may be determined that a size of at least one element of the one or more elements to be animated exceeds a threshold. The at least one element having the size that exceeds the threshold may be split into a plurality of sub-elements. A transform of at least one of the sub-elements may be modified.

Dynamic splitting of content

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.

Value templates in animation timelines

Systems and methods for extracting behavioral code from a software code file are disclosed. A behavioral code extractor logic accesses an existing software code file that comprises structural code and behavioral code. The behavioral code extractor logic extracts, from the software code file, at least a portion of the behavioral code into a separate file. And, the behavioral code extractor logic generates binding code for referencing the extracted behavioral code to maintain run-time behavior of the software code file consistent with its run-time behavior before the extracting. In certain embodiments, the software code file is a source file for a web page, and the structural code comprises markup language code. The behavioral code may comprise scripting language code and/or event attributes code defined by markup language.

Growing community of inventors

Pacifica, CA, United States of America

Joaquin Cruz Blas