Mobile Image Animation Endpoint Extraction

Resolve Bottlenecks,
Find Innovative SolutionsGenerate Solutions

Solution Overview

Problem

Existing animation methods on mobile devices require extensive programming code and consume significant memory and processing resources due to the need to calculate and buffer each frame of an image, leading to inefficiencies in hardware resource utilization.

Innovation Solution

The method involves drawing a final image on a hidden canvas and storing it as an endpoint image, which is then displayed frame by frame in an animation area using changing display parameters based on an animation effect, eliminating the need to calculate and record information about each frame's hierarchy and attributes.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Ease of manufacture

If the PC-based animation solution is used on mobile devices, then animation effects can be achieved, but code amount becomes excessively large and memory occupation increases

Engineering Contradiction:

Improveanimation implementation capabilityVSAvoidcode amount and memory occupation

Core Design Contradiction:

Ease of manufactureVSQuantity of substance

Solution Approach 1:

The patent extracts only the essential endpoint image data from the complex frame-by-frame animation process. Instead of buffering and processing each individual frame's hierarchy and attribute information, the solution extracts and stores only the final endpoint image, dramatically reducing code amount and memory occupation while maintaining animation capability on mobile devices.

Inventive Principle:

Principle #2Taking out (Extraction)

Solution Approach 2:

The patent inverts the traditional animation approach by working backwards from the endpoint. Rather than building up animations frame by frame from the starting point, the solution draws the final endpoint image first and then uses it to generate intermediate frames through reverse engineering, significantly simplifying the data structure and reducing resource requirements.

Inventive Principle:

Principle #13The other way round (Inversion)

2Ease of manufacture

If the PC-based animation solution is used on mobile devices, then animation effects can be achieved, but processing capabilities are excessively consumed

Engineering Contradiction:

Improveanimation implementation capabilityVSAvoidprocessing capability consumption

Core Design Contradiction:

Ease of manufactureVSPower

Solution Approach 1:

The patent performs the computationally intensive drawing operation in advance by drawing the final endpoint image before animation playback. This preliminary action eliminates the need for real-time frame-by-frame calculation during animation execution, significantly reducing processing capability consumption and enabling smooth animation playback on mobile devices with limited processing power.

Inventive Principle:

Principle #10Preliminary action

Solution Approach 2:

The patent uses the endpoint image as a template or copy from which intermediate animation frames are generated. Instead of recalculating each frame's complex hierarchy and attributes, the solution creates simplified copies or transformations of the endpoint image for intermediate frames, drastically reducing processing requirements while maintaining visual fidelity.

Inventive Principle:

Principle #26Copying

3Manufacturing precision

If frame-by-frame drawing and buffering is performed, then animation precision can be maintained, but execution efficiency decreases

Engineering Contradiction:

Improveanimation frame precisionVSAvoidanimation execution efficiency

Core Design Contradiction:

Manufacturing precisionVSProductivity

Solution Approach 1:

The patent merges multiple frame operations into a single endpoint image drawing operation. By combining the information from all intermediate frames into one final endpoint image, the solution maintains animation precision while eliminating redundant calculations and buffer operations, thereby significantly improving execution efficiency on mobile devices.

Inventive Principle:

Principle #5Merging (Combining)

Data Source

PatentUS10573053B2Method and apparatus for animating images on mobile devices

Publication Date: 2020.02.25 ADVANCED NEW TECHNOLOGIES CO LTD

AI summary

The present application describes techniques for animating images on mobile devices. One example method includes: drawing a final image to be displayed on a hidden canvas; storing the drawn image as an endpoint image; determining a changing display parameter based on an animation effect, wherein the display parameter comprises a display location parameter and each frame of a screenshot parameter determined based on an animation effect; and displaying at least a part of the endpoint image frame by frame in an animation area at a certain interval by displaying, frame by frame in the animation area at the certain interval using the display location parameter, a part of the endpoint image captured based on the screenshot parameter of the frame, until the endpoint image is finally displayed.