Vector Graphic Morphing via Point Modification

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current technologies lack an effective method to seamlessly transition between vector graphics on display devices, such as smartwatches, smartphones, and tablets, creating a visually appealing morphing effect that is intuitive and engaging for users.

Innovation Solution

A computer-implemented method that retrieves and modifies sets of points describing vectors for display elements, progressively distorting and then removing these distortions to create an animation effect, allowing the initial vector graphic to morph into a new graphic, using a processing device and display system.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Ease of manufacture

If vector graphics are transitioned between different forms on display devices, then visual appeal and user engagement are improved, but the complexity of achieving a seamless morphing effect increases

Engineering Contradiction:
Improveease of creating seamless transitionsVSAvoidcomplexity of morphing effect implementation
Core Design Contradiction:
Ease of manufactureVSDevice complexity

Solution Approach 1:

The patent segments the morphing process into distinct phases: retrieving initial and final vector sets, modifying points to create intermediate states, and sequentially displaying these states. This segmentation transforms a complex continuous transformation problem into manageable discrete steps, resolving the contradiction between ease of implementation and visual quality.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The patent applies preliminary action by pre-calculating and storing multiple modified vector sets representing intermediate morphing states before actual display. This preparation work is done in advance, allowing the display phase to simply retrieve and show pre-computed frames, thereby simplifying the real-time implementation complexity.

Inventive Principle:
Principle #10Preliminary action

2Duration of action of moving object

If multiple modified vector sets are generated and displayed sequentially, then the smoothness of animation is improved, but the processing time and computational resources increase

Engineering Contradiction:
Improveduration of animation transitionVSAvoidprocessing time for generating transitions
Core Design Contradiction:
Duration of action of moving objectVSLoss of time

Solution Approach 1:

The system performs preliminary computation by generating all intermediate modified vector sets in advance and storing them in memory. This pre-computation approach shifts the computational burden from real-time processing to offline preparation, allowing smooth animations to be displayed without real-time processing delays.

Inventive Principle:
Principle #10Preliminary action

Solution Approach 2:

The patent creates multiple copies of the vector data in different modified states, storing each intermediate形态 as a separate data set. This copying approach allows the system to retrieve pre-computed frames without recalculation, significantly reducing processing time during actual animation playback while maintaining smooth visual transitions.

Inventive Principle:
Principle #26Copying

Data Source

PatentUS9747001B2Method and system for transition between computer graphics
Publication Date: 2017.08.29 FITBIT INC
  • US9747001B2 patent drawing
  • US9747001B2 patent drawing
  • US9747001B2 patent drawing

AI summary

An apparatus, that can be in the form of a wearable device, comprising a display, a memory, and a processor coupled to the display and memory. The processor retrieves a first set of points describing a first vector for a first display element; retrieves a second set of points describing a second vector for a second display element; modifies the first set of points by modifying one or more points in the first set of points to form a modification of the first vector; modifies the second set of points by modifying one or more points in the second set of points to form a modification of the second vector; and sequentially renders in the display the first vector, the modification to the first vector, the second vector with the modification to the second vector, and the second vector without the modification to the second vector.