Visual Layout Tree for Complex Document Rendering

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current technologies face challenges in efficiently rendering complex and sophisticated content on low computational power devices and large displays, as they require significant resources and often cannot handle content that spans multiple display areas or includes complex animations.

Innovation Solution

A layout engine generates a visual layout tree from a visual description tree, allowing for efficient rendering of content across multiple display areas by traversing the tree, caching nodes, and using positioning pointers to animate content movement, thereby optimizing resource usage and supporting complex layouts and animations.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If complex and sophisticated content is presented using current technologies, then the content quality and sophistication are improved, but the computational resources required increase significantly

Engineering Contradiction:
Improvecontent complexityVSAvoidcomputational resources
Core Design Contradiction:
Adaptability or versatilityVSUse of energy by moving object

Solution Approach 1:

The system segments complex content into a scene graph data structure with hierarchical nodes representing different content elements. This segmentation allows the rendering system to process and render only the necessary portions of complex content, reducing overall computational resource requirements while maintaining content sophistication.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The system performs preliminary actions by pre-processing content into a scene graph structure that organizes all content elements, their properties, and relationships before rendering. This pre-organization enables efficient rendering by eliminating the need for complex runtime computations, thus reducing computational resources while supporting sophisticated content.

Inventive Principle:
Principle #10Preliminary action

2Adaptability or versatility

If content spans multiple display areas or includes complex animations, then the visual presentation capability is improved, but the device complexity increases

Engineering Contradiction:
Improvedisplay capabilityVSAvoidsystem complexity
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The scene graph rendering system provides universal functionality that handles multiple display areas, complex animations, and various content types through a single unified data structure and rendering pipeline. This multi-functionality allows the system to adapt to different display configurations and animation requirements without increasing device complexity, as the same core infrastructure handles all these scenarios.

Inventive Principle:
Principle #6Universality (Multi-functionality)

3Adaptability or versatility

If sophisticated content is rendered on low computational power devices, then the content sophistication is maintained, but the rendering performance deteriorates

Engineering Contradiction:
Improvecontent sophisticationVSAvoidrendering performance
Core Design Contradiction:
Adaptability or versatilityVSProductivity

Solution Approach 1:

The system changes parameters by representing sophisticated content in a scene graph data structure with explicit properties and relationships, rather than using traditional rendering approaches. This parameter change enables low computational power devices to render sophisticated content efficiently, as the scene graph structure allows for optimized rendering paths and reduced computational overhead during the actual rendering process.

Inventive Principle:
Principle #35Parameter changes

Data Source

PatentUS10387547B2Layout engine for creating a visual layout tree for a document
Publication Date: 2019.08.20 MICROSOFT TECHNOLOGY LICENSING LLC
  • US10387547B2 patent drawing
  • US10387547B2 patent drawing
  • US10387547B2 patent drawing

AI summary

A layout engine generates a visual layout tree for a visual description tree of a document whose content is to be rendered in one or more display areas. A visual description tree describes the content of a document along with formatting and logical arrangement the content. Visual description nodes of a visual description tree represent the organization of the constituent elements a document hierarchically. A visual layout tree defines the layout of a document within one or more display areas. Visual layout nodes of a visual layout tree represent the layout of the content of a document hierarchically. The layout engine receives as input a visual description tree and generates the corresponding visual layout tree. A rendering engine then inputs the visual layout tree and generates a graphics buffer containing the pixels representing the layout of the document as defined by the visual layout tree.