Staggered animation scheduling

• US 10,169,901 B2
• Filed: 12/17/2010
• Issued: 01/01/2019
• Est. Priority Date: 12/17/2010
• Status: Active Grant

• Current Assignee: Microsoft Technology Licensing LLC (Microsoft Corporation)
• Original Assignee: Microsoft Technology Licensing LLC (Microsoft Corporation)
• Inventors: Bishop, Jesse, Boeke, Ruurd Johan, Adams, Terry
• Primary Examiner(s): McCulley, Ryan D
• Application Number:
  US12/971,994
• Publication Number:
  US 20120159360A1
• Time in Patent Office: 2,937 Days
• Field of Search: 345473
• CPC Class Codes: G06F 3/0481 based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
• CPC Class Codes: G06T 13/00 Animation

Abstract

A timing function that distributes progressive start times of a series of target animations, or staggers animations, is disclosed. The timing function includes a set of selectable parameters that are used to create a customized staggering animation in the user interface. The set of selectable parameters includes a user interface geometry for each of the target animations.

Claims

1. A method of staggering animations in a user interface, comprising:

applying a predefined timing function in a first code to distribute progressive start times of a series of target animations within a set of selectable parameters, wherein the predefined timing function includes a set of selectable non-linear start times within an application framework including staggering animations, the application framework including a logic layer defining the first code as a concrete implementation separate from a presentation layer defining reusable user interface elements of the concrete implementation, the predefined timing function including a function definition having the set of selectable parameters as function parameters passed to the predefined timing function from another code;

the set of selectable parameters includes an index of a user interface geometry applied to each of the target animations and location bounds of the user interface during the target animations and an order list of bounded surface areas of other animations independent of the target animations within the user interface;

implementing the predefined timing function into a user interface definition to generate the user interface elements of the concrete implementation in a presentation layer by specifying first parameters for use with the set of selectable parameters in a declaration as a markup, the predefined timing function re-implemented without modification to the first code by specifying second parameters for use with the set of selectable parameters, the implementing created in the presentation layer of a workflow of the predefined timing function; and

parsing the markup to apply staggering behavior at runtime.

2. The method of claim 1 wherein the timing function is a stateless timing function.

3. The method of claim 2 wherein the user interface is included in a presentation layer of an architecture, and the predefined timing function is exclusively within a business layer.

4. The method of claim 3 wherein the stateless timing function is included within a Model-View-ViewModel pattern.

5. The method of claim 1 wherein the progressive start times are distributed nonlinearly.

6. The method of claim 5 wherein the progressive start times are distributed according to a quadratic function.

7. The method of claim 1 wherein the user interface geometry includes a selectable parameter indicating an element of the user interface to be animated.

8. The method of claim 7 wherein a plurality of elements of the user interface are to be animated within the user interface geometry.

9. The method of claim 8 wherein the user interface geometry includes a selectable parameter including a list of bounded areas of the plurality of elements of the user interface targeted by animations.

10. The method of claim 9 wherein each of the elements within the bounded areas includes an index.

11. A computer readable storage medium, which does not include transitory propagating signals, storing computer executable instructions for controlling a computing device to perform a method comprising:

creating a user interface definition in a presentation layer with a set of selectable parameters including a selectable parameter as an index for a target animation element and a selectable parameter for locations bounds of target animations in an application framework and an ordered list of bounded surface areas of other animations independent of the target animation element within the user interface, the application framework including a logic layer defining the first code as a concrete implementation separate from a presentation layer defining reusable user interface elements of the concrete implementation; and

applying a predefined timing function created in a first code to stagger animation start times, wherein the timing function includes selectable non-linear start times related to the target animation element within an application framework including staggering animations, and wherein the predefined timing function directs an animation runtime to apply animation staggering behavior to the target animation element, the predefined timing function including a function definition having the set of selectable parameters as function parameters passed to the predefined timing function from another code;

implementing the predefined timing function into a user interface to generate the user interface elements of the concrete implementation by specifying first parameters for use with the set of selectable parameters in a declaration as a markup, the predefined timing function re-implemented without modification to the first code by specifying second parameters for use with the set of selectable parameters, the implementing created in the presentation layer of a workflow of the predefined timing function; and

parsing the markup to apply staggering behavior at runtime.

12. The computer readable storage medium of claim 11 wherein creating a user interface definition for a target animation element includes creating a user interface definition for a plurality of target animation elements.

13. The computer readable storage medium of claim 11 wherein the reusable timing function also linearly staggers animation start times.

14. The computer readable storage medium of claim 11 wherein the reusable timing function is stateless.

15. The computer readable storage medium of claim 14 wherein the reusable timing function is exclusively within a business layer of an application.

16. The computer readable storage medium of claim 15 wherein the reusable timing function is included in a View of a pattern in the presentation layer.

17. The computer readable medium of claim 16 wherein the View is included in a Model-View-ViewModel pattern.

18. The computer readable medium of claim 15 wherein the application is a web application.

19. The computer readable medium of claim 11 wherein the selectable parameters are related to a user interface geometry of the target animation element.

20. A system, comprising:

a memory to store a set of instructions; and

a processor to execute the set of instructions to;

apply a predefined timing function in a first code to distribute progressive start times of a series of target animation elements within a set of selectable parameters, the timing function includes a set of selectable non-linear start times within an application framework including staggering animations, the application framework including a logic layer defining the first code as a concrete implementation separate from a presentation layer defining reusable user interface elements of the concrete implementation, the predefined timing function includes a function definition having the set of selectable parameters as function parameters passed to the predefined timing function from another code;

the set of selectable parameters includes an index of a geometry of a target user interface element and an ordered list of bounded surface areas of a set of user interface elements of other animations independent of the target animation elements within the context of the user interface;

implement the predefined timing function into a user interface definition to generate the user interface elements of the concrete implementation in a presentation layer by specifying first parameters for use with the set of selectable parameters in a declaration as a markup, the predefined timing function can be re-implemented without modification to the first code by specifying second parameters for use with the set of selectable parameters, the predefined timing function created in the presentation layer of a workflow; and

parse the markup to apply staggering behavior at runtime.