Multi-Layered Animation System for UI Rendering

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Conflicts often arise between operating system (OS) and software application commands regarding animation handling in user interface elements, leading to inconsistent rendering of animations.

Innovation Solution

A computer system establishes OS-specified and user-specified animation values for UI elements, determining how to combine them based on the element's properties, and renders animations using these combined values, allowing for a multi-layered animation system that includes a transition target class with limited animation properties.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If the operating system handles animation commands natively, then animation rendering is efficient and consistent with OS design, but software applications cannot customize animation behavior to meet specific user needs

Engineering Contradiction:
Improveanimation customizationVSAvoidanimation consistency
Core Design Contradiction:
Adaptability or versatilityVSReliability

Solution Approach 1:

The animation system is segmented into multiple independent layers: the OS-level animation layer and the application-level animation layer. Each layer operates independently with its own animation properties and commands, allowing customization at the application level while maintaining OS-level consistency and performance.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The patent implements a nested animation architecture where application-specific animation properties are nested within the broader OS animation framework. The application animation layer is contained within and coordinated with the OS animation layer, enabling both customization and consistency simultaneously.

Inventive Principle:
Principle #7Nested doll (Nesting)

2Adaptability or versatility

If software applications include their own animation instructions, then animation customization is enabled, but conflicts arise between OS and application commands leading to inconsistent rendering

Engineering Contradiction:
Improveanimation customizationVSAvoidanimation system complexity
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The patent resolves command conflicts by transitioning from a single-dimensional command structure to a multi-dimensional layered structure. Animation commands are organized across multiple layers (OS layer and application layer), each with its own property set, allowing both OS and application instructions to coexist without conflict through dimensional separation.

Inventive Principle:
Principle #17Another dimension (Dimensionality change)

3Adaptability or versatility

If multiple animation layers are combined, then animation versatility and customization are improved, but the complexity of managing and coordinating animation values increases

Engineering Contradiction:
Improveanimation layering capabilityVSAvoidanimation value coordination
Core Design Contradiction:
Adaptability or versatilityVSEase of operation

Solution Approach 1:

The patent introduces an intermediary animation value combining mechanism that automatically coordinates values across multiple animation layers. This intermediary layer receives animation parameters from both the OS layer and application layer, combines them according to defined rules, and produces the final animation output, simplifying the coordination process.

Inventive Principle:
Principle #24Intermediary (Mediator)

Data Source

PatentUS10115217B2Layering animation properties in higher level animations
Publication Date: 2018.10.30 MICROSOFT TECHNOLOGY LICENSING LLC
  • US10115217B2 patent drawing
  • US10115217B2 patent drawing
  • US10115217B2 patent drawing

AI summary

Embodiments are directed to rendering animations in a multi-layered animation system and to rendering an element with an animation that uses multiple levels of animation properties. In one scenario, a computer system establishes an operating system (OS)-specified animation value for at least one property of a user interface (UI) element that is to be animated. The computer system receives a user-specified animation value for at least one property of the UI element that is to be animated and determines, based on the UI element property, how to combine the OS-specified animation value and the user-specified animation value. The computer system then combines the OS-specified animation value and the user-specified value for the UI element in the determined manner and renders the animation for the element using the combined animation values.