HTML Element Placement in 3D Virtual Web Spaces
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Conventional methods for displaying HTML elements with 3D information on the web restrict user viewpoint changes and lack scalability, as 3D objects and HTML elements are typically rendered with different layouts, making it difficult to utilize existing web environments effectively.
Innovation Solution
A device and method that provide a 3D virtual space on the web, allowing HTML elements to be placed and transformed within this space based on an HTML document, enabling user-defined viewpoints and independent modification of HTML elements, while associating them with 3D virtual objects for shared rendering and depth information.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If 3D objects and HTML elements are displayed with different layouts, then 3D objects can be rendered with proper spatial arrangement, but HTML elements cannot be independently modified and scalability is lost
Solution Approach 1:
The patent merges the rendering of 3D objects and HTML elements into a unified layout system. Both types of content are positioned using the same coordinate system and layout mechanisms, allowing them to be managed as a single integrated scene rather than separate rendering contexts. This enables HTML elements to be independently modified while maintaining proper spatial relationships with 3D objects.
Solution Approach 2:
The patent creates a universal layout system that handles both 3D objects and HTML elements through common rendering mechanisms. The scene graph structure and layout algorithms serve multiple functions: positioning 3D geometry, arranging HTML content, and managing their interactions. This multi-functional approach enables scalability while avoiding the complexity of maintaining separate layout systems.
2Adaptability or versatility
If HTML elements are placed in a 3D virtual space based on HTML documents, then scalability and flexibility are improved, but the complexity of managing 3D layouts increases
Solution Approach 1:
The patent segments the 3D virtual space into hierarchical scene graphs where HTML elements and 3D objects are organized in parent-child relationships. This segmentation allows complex 3D layouts to be managed through modular scene graphs, where each node can be independently controlled and transformed. The hierarchical structure breaks down complex layout management into manageable segments.
Solution Approach 2:
The patent introduces a scene graph as an intermediary data structure between HTML documents and the 3D rendering system. The scene graph acts as a mediator that translates HTML element definitions into 3D spatial arrangements, managing the complexity of 3D layout while preserving the simplicity of HTML document structure. This intermediary layer enables flexible 3D placement without exposing the full complexity of 3D layout management to the user.
3Ease of operation
If user viewpoint changes are allowed in 3D space, then user interaction is enhanced, but consistent rendering of HTML elements and 3D objects becomes difficult
Solution Approach 1:
The patent implements a dynamic rendering system where the camera viewpoint can change freely in 3D space while HTML elements and 3D objects are re-rendered consistently at each new viewpoint. The scene graph structure maintains the spatial relationships of all elements, and the rendering system dynamically updates the view matrix to reflect user camera movements. This dynamic approach preserves rendering consistency while enabling enhanced user interaction through viewpoint changes.
Data Source
AI summary
Disclosed is a device and method for representing HTML elements having three-dimensional (3D) information on web, the device including a virtual space providing unit configured to provide a 3D virtual space that is displayed on the web, and an HTML element placing unit configured to place an HTML element that is displayed in a 3D layout on the 3D virtual space, based on an HTML document.