Curve Decomposition for Interactive Markup Rendering
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Interactive graphical designs face challenges when transferred between design environments and players due to differences in data structures, particularly with design annotations that interfere with interactivity, especially in markup language-encoded representations where overlapping elements block user interaction.
Innovation Solution
The method involves parsing and decomposing graphical curves into independent curve components, generating a markup-coded representation that includes these components, and injecting them into a document object model (DOM) for rendering, allowing for compact rendering that preserves interactivity.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If annotations are rendered using standard markup language encoding, then the design can be displayed in standard web browsers, but the annotations block interactive elements and lose interactivity
Solution Approach 1:
The patent segments the annotation curve into multiple discrete curve components, each rendered as a separate graphical element. This segmentation allows the annotation to be displayed without creating a single large blocking element, thereby maintaining interactivity with underlying design elements while preserving browser compatibility through standard markup language encoding.
2Ease of manufacture
If a single curve is rendered as one element, then the annotation is simple to implement, but it creates a large footprint that obstructs interactive elements
Solution Approach 1:
The annotation curve is divided into multiple smaller curve components, each with a reduced individual footprint. This segmentation maintains implementation simplicity while significantly reducing the total area occupied by the annotation, allowing interactive elements to remain accessible beneath the annotation.
Solution Approach 2:
The patent introduces a dimensional transformation by converting the continuous curve into a set of discrete components that can be positioned and rendered in a way that minimizes their footprint. This dimensional reorganization allows the annotation to maintain its visual presence while reducing its obstructive area.
3Adaptability or versatility
If design formats are standardized for wide distribution, then compatibility across platforms is improved, but production-specific features like annotations interfere with interactivity
Solution Approach 1:
The annotation is segmented into multiple curve components that are rendered as separate elements. This segmentation allows the annotation to be displayed using standard markup language encoding for wide distribution compatibility, while the segmented structure prevents it from blocking interactive elements, thus eliminating the harmful interference effect.
Data Source
AI summary
Various methods and systems that involve systems generating encodings for the compact rendering of curves in interactive graphical designs are disclosed. One method is conducted by a processor and comprises providing an interactive graphical design to a memory. The method also comprises parsing the interactive graphical design to identify a curve having graphical information. The method also comprises decomposing the curve into a set of at least two curve components. The method also comprises generating a markup-coded representation of the interactive graphical design that includes a set of independent elements for rendering the curve, wherein each of the independent elements in the set of independent elements uniquely corresponds to a curve component in the set of at least two curve components.